Advertisement


Lines are pixelated and low quality when exported to .PNG in low resolution with Adobe Illlustrator


Question

I'm trying to make 16x16 icons in line style with Adobe Illustrator and when I export to .PNG, lines are extremely low quality and pixelated. Here's examples:

Inbox Icon

Dashboard Icon

Search

Here's what it looks like in Illustrator:

Screenshot of Adobe Illustrator

I'm trying to figure out what I'm doing wrong. Is there something I need to know? Thanks!

2014/07/02
1
2
7/2/2014 4:33:00 AM

Accepted Answer

I think you have to design these icons using a pixel-snap grid. You have to set the grid (and units) and the document settings. Try to follow this -old- article: http://petshopboxstudio.com/blog/articles/how-to-prepare-illustrator-for-pixel-perfection/

2014/07/02
2
7/2/2014 6:23:00 AM