: How to export tiny icons in Illustrator to PNG? I know this question has been asked many times but I still can't find a solution. I'm redesigning icons that are going to be used on a web

@Lee3735518

or try give some high resolution of the file after exporting it to illustrator by the way what version of Illustrator do you use?
Because in Adobe Illustrator CC they can export automatically the PNG file and you can decide what resolution of the image to put

Vote Up Vote Down

@Alves566

So your first image of the sprites is not blurry.

If you are seeing a blurry output that is because you are using screen scaling (retina etc) and that screen scaling is enlarging the raster images using stretch or resampling. Your export art is fine.

So the real question to ask is: "how do I handle the art after it is created to avoid a poor result." The answer is, generally, "export vectors" but if you cannot use vectors, you need to export multiple pixel sizes and set the target software to choose the closest optimal size.

Vote Up Vote Down

@Pierce403

If you export to a small pixel format, they will be blurry when you scale them up. That's totally normal - and not a good idea.

If you want sharper lines, they have to be on the pixel grid. Otherwise the lines will be anti-aliased (= blurry). Non-orthogonal or round lines will always run across the pixel-grid, so they can't be as sharp as vertical or horizontal lines.

A vector format like SVG will only make a difference if your screen is hi-res (like Retina or similar). I'd recommend to design the icons in larger sizes with the pixel grid in mind. Best would be multiples of 16px (32, 64, 128). Downscaling is always easier than upscaling.

Vote Up Vote Down