Ben Dunkle’s Blog

Ben Dunkle is a designer, artist and teacher in Buffalo, NY. He writes in this blog about design, software, his family, and…

Comparing the anti-aliasing properties of Illustrator and Photoshop (cs4)

I’ve read (can’t think of where at the moment: UPDATE: Jonathan Hicks pimps fireworks here: ) articles applauding the pixel preview functionality of AI, especially when it comes to designing low resolution icons. I investigated this a bit and here’s what I found:

16×16 circle in Illustrator, snapped to 1×1 pixel grid
16×16 circle in Photoshop, made with a shape, snapped to grid

Compare the above. Both are 16×16 pixel circles, but the Photoshop one is superior. Note how Illustrator adds grey pixels to the left and top of the icon. I’m not sure why it does this, maybe someone can explain, but for now I’m sticking with Photoshop for my icon design. Here they are at actual size:


Can you guess which one is which (hover over each for the answer). IMHO, the one on the right is better.