: Best practices for exporting images from vector / eps artwork I'm taking my first steps into the waters of vector design, designing a simple logo (in 'Sketch' for mac - an illustrator alternative).

@Carla748

I suggest you to export an *.eps file from Sketch and simple open it in Photoshop without any resizing. After that take an option which is called 'Save for Web' (Shift+Cmd+Alt+s or from main menu 'File->Save for Web') and resize your image to get the dimensions you need. Listen to the dougajmcdonald and prepare the size you expect them to be rendered in a browser. Select a 'Bicubic Sharper' option if you want to decrease the size. It helps you to keep the details. In other way they could be blured too much.

Vote Up Vote Down

@Sherry646

As a web developer, I would say you should export the images at the size you expect them to be rendered.

This is for two reasons:

a) Filesize - a 2MB file scaled down in terms of resolution, still has to be downloaded at 2MB

b) Rendering - a 1000x250px image which is displayed in a 250x50px tag, will be rendered by the browser at runtime. This is both slow, and likely worse quality than you'd achieve in a specific graphics application.

Vote Up Vote Down

@Ravi4787994

If you're using Sketch to create the artwork, you should probably use Sketch to output the final bitmap images. Sketch can output in a few different bitmap formats, including PNG.

That's probably the easiest and fastest way to do it.

Vote Up Vote Down

@Marchetta832

I suggest setting a Photoshop file up with the final resolution (depending what you want to use it for) and then importing the logo into Photoshop as vector shapes (from Illustator this works with copy/paste, not sure about "Sketch"). That way they stay lossless, even if you change the resolution later.

Vote Up Vote Down