Take the 2-minute tour ×

I created my logo in Adobe Illustrator and i'm happy espect that when i need it smaller, it looks pretty ugly and fuzzy. Like pixels are getting squeezed.

Here is a screenshot of the original on the right and the smaller one on the left:

enter image description here

I am sure i am doing something wring in Illustrator since i don't have much experi

share|improve this question

4 Answers 4

up vote 5 down vote accepted

The 'fuzz' is called anti-aliasing. It's a raster image method to smooth lines that fall in between pixel boundaries.

But since this is Illustrator, it's likely not raster, but vector, and what you are seeing is simply Illustrator's on screen rendering. If you zoom in, the anti-aliasing will likely disappear.

The issue may return, however, if you try exporting your file as a raster image of some sorts. Given the simplicity of the logo form, however, I'd suggest just sizing it the way you want, export it, then open it in PhotoShop to tweak the pixels as you see fit.

share|improve this answer
Yes when i zoom in they disappear but when i save them for web as JPG or PNG it is fuzzy again. So the solution is to export it and then modify it in photoshop? Is this the common way to do it? –  Drazen Mokic Jul 12 '12 at 17:08
That's one way to do it. I think you can set up a pixel grid in illustrator so that every line will end up on the edge of a rasterized pixel. But I don't usually trust AI's exporting much, so typically do all the raster conversion in a raster app like PhotoShop. –  DA01 Jul 12 '12 at 19:44
@drale2k I personally find it somewhat unnarural to save anything to raster from illustrator, so what I quite of then do, is either I have something like pdf saved from illustrator (vector) which I open in photoshop if I need raster version of it, or I just copy from illustrator and then paste in photoshop and most likely choose to keep it as Smart object, there is no need to export it in between, if there is no need for extra file laying around. –  Joonas Jul 12 '12 at 19:57
So you would "Save it for web" in illustrator and save it as PNG or JPG, then go into PS and cut pixles or half-tone pixels or what do you mean by "do all the raster conversion in a raster app like PhotoShop". Thank you very much –  Drazen Mokic Jul 12 '12 at 20:06
it comes down to if you want sharp edges on low-resolution, geometric based images, you gotta get in there at the pixel level and tweak. –  DA01 Jul 12 '12 at 21:38

The best way is probably to go through Photoshop (like suggested by DA01) with your file. If you are unsure how much to tweak, here is an excellent tutorial on downsizing logos for smaller use: http://methodandcraft.com/videos/pixel-hinting-vectors-in-photoshop

share|improve this answer
That helps a lot! Unfortunately i can't vote up answers yet. –  Drazen Mokic Jul 14 '12 at 0:43
haha, ok. but thanks for the feedback that it helped. –  KMSTR Jul 14 '12 at 6:34

I found simple and incredible tip for rasterizing with high quality in Illustrator.

I press File -> Export... -> next you choose name and press Epxress another time and in the next window you click choose "type optimised" and ok. I never got such a high quality export results until this "solution" -

enter image description here

share|improve this answer

There's your answer. I bet this will solve it.


share|improve this answer
When you answer questions, it would be good if you include the general principle of it, rather than just post a link. Link dies sometimes, so try answer with the steps you mean will solve the problem, and add the link as an addendum. –  Benteh Jan 17 at 10:30

Your Answer


