Mobile app version of vmapp.org
Login or Join
Murray976

: How to keep an image sharp when Downsizing and Saving for Web & Devices in Illustrator I am saving my image for a website and downsizing it by 100 px. When I decrease the size just a bit

@Murray976

Posted in: #AdobeIllustrator

I am saving my image for a website and downsizing it by 100 px. When I decrease the size just a bit it looses its sharpness. How can I maintain that?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Murray976

2 Comments

Sorted by latest first Latest Oldest Best

 

@RJPawlick971

You can't. At least, you can't with that logo. At the large size, you will note that a lot of your line work is barely 1px in width and that the nice hand-drawn feel is based on a line quality that varies barely by a pixel here or there.

An you can't scale a 1px line below 1px and expect it to keep any fidelity.

What I'd suggest is creating a separate version of the logo to handle the resolution at that small size. Remove the elements that simply can't be rendered on screen at that size--namely the 1px outline shadow. Or, one suggestion...at that size, remove the underline from the word, and place the bug to the left or right of the type at the same size. It's OK to have variations of your logo for different applications.

10% popularity Vote Up Vote Down


 

@Murray976

Resize first, then save for web. And in the Save for Web window be certain you are setting the Anti-Alias method to either "type optimized" or "art optimized" accordingly.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme