Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?enter image description here

enter image description here

share|improve this question
possible duplicate of My web logo looks pixelated after resizing – ckpepper02 Jan 10 '14 at 22:40
That question pertains to working in Photoshop, this one is asking about Illustrator – JohnB Jan 11 '14 at 20:29
up vote 0 down vote accepted

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 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.

share|improve this answer

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.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.