Image & Resolution
SVG to PNG/JPG Size Calculator
Find the exact pixel dimensions and DPI settings to use when exporting an SVG vector file to PNG or JPG — whether you are targeting a specific print size, screen resolution or social media format.
Last updated: June 2026
Formula used
Export pixels (height) = SVG height (mm) ÷ 25.4 × DPI
// For screen target (px at 96 PPI base):
Scale factor = Target px ÷ SVG natural px
SVGs are resolution-independent (vector), so they can be exported at any size without quality loss. The challenge is choosing the right export resolution for the intended use.
Example calculations
Example 1 — A4 SVG for print at 300 DPI:
SVG = 210 × 297 mm. Export = (210÷25.4)×300 = 2,480 × 3,508 px.
Example 2 — Retina screen export (2x):
SVG natural = 800 × 600 px. For 2x retina = 1,600 × 1,200 px.
Example 3 — Instagram post (1080 × 1080 px) from a square SVG:
Export directly to 1080 × 1080 px regardless of the SVG's natural size.
How to use this calculator
- Enter the SVG canvas size in mm or px.
- Choose your target: print DPI or screen pixel dimensions.
- Set DPI (300 for print, 144/192 for retina screens).
- Read the required export pixel dimensions.
- Enter those values in Inkscape, Illustrator, or Figma's export dialog.
Export resolution guide
| Use case | DPI / PPI | Notes |
|---|---|---|
| Web / screen | 72–96 | Standard screen |
| Retina / HiDPI | 144–192 | 2× or 3× standard |
| Social media | 96–150 | Screen-only viewing |
| Document print | 150–200 | Coloring pages, docs |
| Photo-quality print | 300 | Photos, illustrations |
| Fine art / prepress | 600+ | Small text, fine lines |
Notes & limitations
SVGs that contain embedded raster images will not benefit from higher export DPI for those raster portions. Always export from an all-vector SVG for best quality. For coloring page SVGs, exporting at 200–300 DPI gives the cleanest line art. Explore free SVG coloring pages at ColoringBuds.com.
Frequently asked questions
What resolution should I export an SVG to PNG for printing?
For photo-quality print at 300 DPI, use this calculator with your SVG size in mm. An A4 SVG (210 × 297 mm) exports to 2,480 × 3,508 pixels at 300 DPI.
Does exporting SVG to PNG lose quality?
SVG is vector and has no inherent resolution. When you export to PNG you choose the resolution, and quality depends on that choice plus whether the SVG uses embedded raster images.
What is a good PNG size for a website logo?
For a standard screen (96 PPI), a 200–400 px wide PNG is typical. For retina/HiDPI, export at 2× (400–800 px). Always keep the original SVG for easy re-export.
How do I set DPI when exporting from Inkscape?
Go to File > Export PNG Image (Shift+Ctrl+E), set the DPI field, then click Export. Pixel dimensions update automatically based on document size and DPI.
Why is my exported PNG blurry?
The export resolution was too low. Use this calculator to find the correct pixel dimensions for your use, then re-export at a higher DPI.