Hi all,

My question concerns blurry png's. I'm exporting svg to png, it's an icon. On high resolution screens (like a new iPad) the result is blurry. I use the default settings in Inkscape and have done this quite some times before ;-)
I think it's something in Inkscape because when I use the online converter svgtopng.com and convert the same svg the result png is sharp.

Settings: export as png: 30px X 30px, dpi 19.70

I'll attach the svg and the png

Thanks in advance!

I´d try a different approach: draw at original size like 30x30px and the icon placed pixel perfect with 28x28px centered. Files attached.

But 30x30px bitmap can´t be "sharp" as the SVG equivalent:

30x30px, 60x60hdpi version plus Inkscape file

Thank you Polygon,

I'm afraid that I don't understand what you mean exactly when you say: "draw at original size like 30x30px and the icon placed pixel perfect with 28x28px centered", sorry.
Can you tell me how to do this in Inkscape?

Thanks again.

Pleas check the attached Inkscape file above - I made it 30x30px with a 1px grid. It´s important to work just in integer px values 2,4,6 etc one not 3,5,7 and keep 1px distance to the page/size to avoid Anti aliasing as much as possible - don´t work so well with organic shapes of course. I´d try to match the 1px gridlines as much as possible:

A comparison from yours and mine versions at 30px res with blurry screenshot´s due the downsampling of my highres display:

Thanks a lot, I will do it in this way from now on.