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?
2 Answers
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.
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.