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

I’m trying to make 16×16 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!

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/

Attribution
Source : Link , Question Author : dmxt , Answer Author : Mattia Astorino

Leave a Comment