Vector vs raster
SVG (Scalable Vector Graphics) describes an image with shapes and paths, not pixels. That is why an SVG logo looks perfectly sharp at any size. However, many places only accept raster images made of pixels: social networks, Microsoft Office, email signatures, app stores and most upload forms. Converting to PNG makes your graphic usable everywhere while keeping its transparent background.
Choosing the right resolution
Because SVG is a vector, we can render it at any size without losing quality. The Resolution setting multiplies the SVG’s natural size:
| Setting | Example (SVG 256×256) | Best for |
|---|---|---|
| 1× | 256 × 256 px | Web icons at the original size |
| 2× | 512 × 512 px | Retina screens, presentations |
| 4× | 1024 × 1024 px | App icons, social media |
| 8× | 2048 × 2048 px | Print, large banners |
Troubleshooting
- Missing fonts: if the SVG uses a font that is not installed on your device, the browser substitutes another one. Convert text to outlines in your design app before exporting the SVG.
- External images: pictures linked from other websites inside the SVG cannot be loaded for security reasons. Embed them in the SVG instead.
- Need a white background? Choose JPG as the output format and select white.
Need a specific pixel size afterwards? Use resize to exact pixels, or turn the PNG into code with image to Base64.