Pixel perfect icon blurry in pixel preview

New Here ,
Feb 21, 2022 Feb 21, 2022

Copy link to clipboard

Copied

Hey all 🙂

I try creating pixel perfect icons for the first time, read some articles about it and followed some guides but somehow it doesn't work for me. In pixel preview and exported as png the icon looks blurry. I'm not even sure, if it scales correctly. I'll add some screenshots of what I see. My Artboard is 96x96 pixels.

illu vector 100.pngillu pixel prev 100.pngillu export for web prev 100.pngpng-24-100.png

TOPICS
Draw and design , How to

Views

41

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 21, 2022 Feb 21, 2022

Copy link to clipboard

Copied

Pixel preview shows what your icon would look at 72 ppi.

Your monitor has a higher resolution, 144 ppi.

If you export your icon (using export for screens) at 2x it will export at 144 ppi, which is what Illustrator shows you at 100% on screen.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 21, 2022 Feb 21, 2022

Copy link to clipboard

Copied

LATEST

Olympia,

 

There is no way you can prevent blurriness/jaggedness on non vertical/horizontal parts when zooming in to more than 100%.

 

 

Edit: Hi Ton, I had to leave before answering, without reloading the page.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines