Hacker News new | ask | show | jobs
by sunseb 2799 days ago
If you do fractional scaling on a svg image, pixels will not align to the pixel grid and the image will look blury. You won't notice that on big svg images, but tiny ui icons will definitely look blurry.

There was even a (never implemented) proposal to allow svg files to handle this problem.

https://www.w3.org/Graphics/SVG/WG/wiki/Proposals/SVG_hintin...

That's why svg icons are often designed using a 24x24 pixel grid, so you can scale them at 48X48 (x2), 72x72 (x3), 96x96 (x4) and they remain pixel perfect and crisp at those sizes.

1 comments

It's still better than scaling bitmaps, so it's weird to single out SVG as the culprit. It makes things better in general, not worse.