Choosing the right scale
SVG is resolution-independent, so pick the scale for where the PNG will be used:
- 1×: the file's native size. Good for previews and documentation.
- 2×: the default for websites and apps, so images stay crisp on high-density (Retina) screens.
- 4× to 8×: app icons, favicons generated from small icons, print mock-ups, and slides.
SVG vs PNG: when to convert
| SVG | PNG | |
|---|---|---|
| Scaling | Sharp at any size | Fixed pixel grid |
| Best for | Logos, icons, illustrations on the web | Email, social media, office documents, app stores |
| Editable | Yes, shapes and text stay editable | Only as pixels |
| Supported everywhere | Browsers yes; many other apps no | Practically everywhere |
Need to change the artwork first?
Open the file in the free SVG editor online to recolour it, resize the artboard, edit text or remove shapes, then export PNG at 1× to 4× from the editor's export menu. To just check what a file contains, use the SVG viewer.