: Problems exporting SVGs from Sketch 3 I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the

I go to export assets from Sketch as SVG files. I have a few problems...

If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example
Inserting into code looks crisp on safari but in Firefox and Chrome it looks blurry (only on a non retina desktop).

Anyone have problems like this? I thought it was because the icons are 1px lines but they look fantastic on my screen at 100%. I just don't get it.

10.02% popularity Vote Up Vote Down

: How to automate the process of filling diplomas? Here is a task: I have excel file with table (for example columns are Name, Number and Address) and dimloma template. How can I automate filling

@Cugini998

Posted in: #Automation #CorelDraw #Fill

3 Comments

: Problem with pixelation when copying an illustrator logo to photoshop as a smart object and exporting for web as a png I'm having issues since I upgraded my CS Suite with copying vector files

@Cugini998

Posted in: #AdobeIllustrator #AdobePhotoshop

3 Comments

: Is there a quick way of batch converting multiple files from JPG to PNG in photoshop? I made a rookie error and accidentally saved about 20 images in Photoshop as .jpg files rather than .png

@Cugini998

Posted in: #AdobePhotoshop #BatchProcessing #FileFormat #ImageFormat #Images

4 Comments

: How is this product box with windows / hologram effect created? I'm trying to replicate the visual effect of this product box: How is this created? What type of materials should I use?

@Cugini998

Posted in: #Packaging #ProductDesign

2 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@XinRu324

You need to make sure you vectorize all of your strokes when exporting to SVG. This will keep your circle icons from being cut off. There is no need to use a mask.

Follow Layer/Paths/Vectorize Stroke.

10% popularity Vote Up Vote Down

@Shakeerah625

So I have the same problem with clipping of icons in exporting svg.

Here is kind of a hack way I played around with that makes the clipping problem go away:

Create a mask layer (of the share you desire) under your icon layer. See screenshot below:

10% popularity Vote Up Vote Down

Feed

: Problems exporting SVGs from Sketch 3 I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the

More posts by @Cugini998

: How to automate the process of filling diplomas? Here is a task: I have excel file with table (for example columns are Name, Number and Address) and dimloma template. How can I automate filling

: Problem with pixelation when copying an illustrator logo to photoshop as a smart object and exporting for web as a png I'm having issues since I upgraded my CS Suite with copying vector files

: Is there a quick way of batch converting multiple files from JPG to PNG in photoshop? I made a rookie error and accidentally saved about 20 images in Photoshop as .jpg files rather than .png

: How is this product box with windows / hologram effect created? I'm trying to replicate the visual effect of this product box: How is this created? What type of materials should I use?

Login to post a comment!

2 Comments

Back to top | Use Dark Theme