I have a logo (compound path) in Adobe Illustrator CC (latest version). When I open the file in AI, all is good and crisp. I can zoom in and re-size whilst keep things crisp and sharp.

However when I get to Save for Web dialog and resize the artwork as png for use on the web. It all goes a little blurry!

I have the Scale Strokes & Effects ticked in the Transform panel.

What am I doing wrong? Any help would be greatly appreciated.

Thank You.

  • can you upload a screenshot of your ai window with the export settings? – Code 3 Sep 30 '15 at 20:55
  • 2
    When you zoom a vector object, all the curves get recalculated for that zoom level and so no matter how far in you go, what you see on the screen is the very best possible resolution for your screen. When you export to a PNG file, you are "baking in" a very specific zoom level and then when you zoom in on that, the pixels are simply enlarged rather than recalculated. This is the nature of raster images. As far as why your PNG is blurry, without seeing it, you probably have too much detail and not enough pixels. Try exporting a larger (pixel-dimension) image. – Yorik Sep 30 '15 at 21:06
  • I made a screencast hopefully that makes things clearer. – J86 Sep 30 '15 at 21:10
  • You’re expecting a highly detailed image that is less than 50x50 px in size to be crisp? That is simply not possible. There are just not enough pixels to make the object crisp. As Yorik says, you have too much detail and too few pixels. If you tried drawing the same logo with all the details there by manually drawing one pixel at a time, you’d also soon find that it is simply not possible. – Janus Bahs Jacquet Sep 30 '15 at 21:23
  • but we if make the lines thinner, it would be crisper no? – J86 Sep 30 '15 at 21:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.