QR Codes
PNG vs SVG for QR codes: which should you use?
Reviewed by the Tabreon team · Last updated: September 2026
Quick answer
Use PNG for on-screen use like websites and slides. Use SVG when the code will be printed, especially at large sizes, since SVG stays crisp at any scale.
Why this matters
Exporting in the wrong format can mean a blurry, pixelated QR code on a banner or poster — and a blurry code is more likely to fail to scan.
Definition
PNG is a raster (pixel-based) image format — it stores a fixed grid of pixels, so enlarging it beyond its native resolution makes it blurry. SVG is a vector format — it stores the QR code as mathematical shapes, so it can be scaled to any size, including very large prints, without losing sharpness.
How it works
A PNG QR code is rendered once at a specific pixel resolution. If you resize it larger than that resolution, the image software has to guess extra pixel values, which softens the sharp edges a scanner relies on. An SVG QR code is redrawn from its underlying shape data at whatever size it's displayed or printed at, so its edges stay sharp regardless of scale. This matters more for QR codes than for photos, because a scanner depends on crisp, high-contrast module edges to lock onto the grid — the same blur that's barely noticeable on a photograph can be enough to push a QR code below a scanner's minimum contrast threshold.
PNG vs SVG
| PNG | SVG | |
|---|---|---|
| Format type | Raster (pixels) | Vector (shapes) |
| Scales without blurring | No | Yes |
| Best for | Websites, slides, social posts | Print, especially large formats |
| Universal software support | Very high | High, with some older tools excluded |
Common mistakes
- Taking a small PNG QR code and stretching it to fill a large poster, resulting in a blurry, unscannable code.
- Using SVG in a context (like an old image-editing tool) that doesn't support vector formats well.
Best practices
- Default to PNG for anything staying on a screen.
- Default to SVG for anything going to a printer, especially above a few inches in size.
- If unsure, SVG is the safer choice since it can always be rendered down to a raster image later without quality loss, but not the other way around.