SVGとPNG、拡大するとどう違う？

同じ自作図形を、SVGと24×24pxで保存したPNGで比較します。表示を変えてもPNGの元の画素数は増えません。

SVG

24×24pxのPNG

生成中

SVGを保存 · 24pxのPNGを保存

PNGにはブラウザー標準の拡大補間を使っています。ドット絵用のpixelated指定はしていません。画面の密度やブラウザーでも見え方は変わります。