Mobile app version of vmapp.org
Login or Join
Cugini998

: Illustrator: fuzzy looking icons when exporting to PNG I have a vector file which contains many objects. One of them is attached below. The top is original, crystal clear/pixel perfect. But I

@Cugini998

Posted in: #AdobeIllustrator #Blur #Export #Png #Resolution

I have a vector file which contains many objects. One of them is attached below. The top is original, crystal clear/pixel perfect. But I want lower size (dimensions not by filesize). Original images are 64x64 and all PNGs originally are pixel-perfect.

But whenever I export smaller objects its always blurry/fuzzy/not sharp. I get this result with all kinds of objects and files. How they export this vectors with crystal clear look?

Sample:



The first one is from original developer which exported all vectors as 64x64. The second one is mine and exported as PNG from the same vector file around 20x20/24x24.

I created 72dpi@24x24 and 72dpi@20x20 even 72dpi@16x16. Whatever I do I always get that unclear fuzzy/blurry image.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Cugini998

2 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

One method you could use is to employ Photoshop to rescale the 64 x 64 pixel icon. If you use the "bicubic sharper" method when resampling, the results will look just a touch sharper and more detail is preserved especially where there are thin lines. Of course the difference is slight, but it might be enough.

10% popularity Vote Up Vote Down


 

@Ann6370331

Things you can try


use the 64x64 PNG version and scale it down in your CSS code
if generating smaller PNGs, play with the 'Art/Type Optimized' setting in the 'Save for Web' dialog
switch to using SVG icons, which is a vector format and could display better

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme