Best practices for exporting images from vector / eps artwork

Question

I'm taking my first steps into the waters of vector design, designing a simple logo (in 'Sketch' for mac - an illustrator alternative).

This went well until it came time to export the artwork for a web site. I took an eps to Fireworks, then created a PNG for the web site.

It wound up looking more 'jaggy' than I expected, and this is when I started to wonder whether I was doing things right.

What size/resolution do you import an eps logo into Fireworks (or Photoshop) at? The same size you want to end-graphic to be, or do you import as a larger size and shrink it down in Photoshop so it looks better?

Answer 1

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.

Answer 2

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.