PNG vs SVG for QR Codes: Which Format Should You Use?
Choosing between PNG and SVG for your QR code is not trivial. The wrong format can mean blurry dots and failed scans on large prints.
When you generate a QR code, you usually get a choice of file format. The two you will see most are PNG and SVG. Picking the right one matters more than people realize — the wrong choice can leave you with blurry dots that fail to scan when printed large. This guide explains the difference and when to use each.
What is PNG?
PNG (Portable Network Graphics) is a raster format — a grid of pixels at a fixed resolution. A QR code exported as PNG is a snapshot of the dot pattern at a specific size. If you print it at the size it was exported, it looks crisp. If you scale it up, the pixels enlarge and the edges blur.
PNG is universal: every browser, design tool, and printer handles it. It supports transparency, so a logo with a transparent background stays clean. For most everyday uses, PNG is the right choice.
What is SVG?
SVG (Scalable Vector Graphics) is a vector format — a mathematical description of shapes rather than a pixel grid. A QR code exported as SVG is made of paths, not pixels, so it scales to any size without losing sharpness. Print it on a business card or a billboard and the dots stay perfectly crisp.
SVG is ideal for large-format printing and any case where the code might be resized. The trade-off is that some older or simpler tools handle SVG less gracefully than PNG, though modern design software supports it widely.
The core difference
PNG is a fixed-resolution image; SVG is resolution-independent. That single difference drives every recommendation below.
If you will print the code larger than it appears on screen — a poster, a banner, signage — choose SVG so the dots stay sharp. If you will print it at roughly the same size, PNG is simpler and perfectly fine.
When to use PNG
- Business cards and flyers printed at a known small size.
- Web and email use, where the code displays on screen.
- Situations where you need a single flat image file that works everywhere.
- When your design tool does not handle SVG well.
Export PNG at a high resolution (at least 1000 × 1000 px for a code that will print at a few centimeters) so it stays crisp at print size. Higher resolution is always safe — you can scale a high-res PNG down without quality loss.
When to use SVG
- Posters, banners, and large signage.
- Any case where the final print size is uncertain or variable.
- Logoed codes, where crisp dots matter alongside a crisp logo.
- When you want a master file you can reuse at many sizes.
SVG is the safest choice when in doubt about size. A vector code printed small looks identical to a raster code printed small — but only the vector one stays sharp when scaled up.
Logos and format choice
If you add a logo, SVG keeps both the dots and the logo crisp at any size. A PNG with a logo can look fine at small sizes but the logo may pixelate when scaled up. For branded codes destined for variable print sizes, SVG is the better master format.
A conference prints the same QR code on a badge (3 cm) and a pull-up banner (1 meter). Exporting SVG once gives crisp dots at both sizes. Exporting PNG would require a very high-resolution file for the banner, or two separate exports.
A practical workflow
A good habit: export both. Keep the SVG as your master file for any future large-format need, and use a high-resolution PNG for immediate small-format printing or web use. You get the simplicity of PNG and the scalability of SVG.
This generator offers both formats on every code, so there is no cost to grabbing both.
Common mistakes
- Using a low-resolution PNG for a large print, producing blurry dots that fail to scan.
- Scaling a PNG up in a design tool, which interpolates and softens the edges.
- Assuming SVG "does not work" because one old tool could not open it — try a modern tool.
- Forgetting that the quiet zone and minimum size rules apply regardless of format.
Format does not replace size rules
A crisp SVG code printed too small still fails to scan — format fixes blur, not size. And a PNG printed at the right size and resolution scans perfectly. Format and size are separate concerns: get both right.
Likewise, error correction, contrast, and the quiet zone matter regardless of whether you choose PNG or SVG. The format only affects sharpness at scale.
The short answer
Use PNG for small, known-size prints and web use. Use SVG for anything large, variable, or where you want a reusable master. When unsure, grab both — and always test the printed result with a real phone before committing to a bulk run.
Try it yourself
Generate the code from this article in your browser — free, no sign-up.
Frequently asked questions
Is PNG or SVG better for a QR code?
It depends on the print size. PNG is fine for small, known-size prints and web use. SVG is better for large or variable-size prints because it stays sharp at any scale.
Can I print a PNG QR code on a poster?
Yes, but only if the PNG is high-resolution enough. A low-res PNG scaled up to poster size produces blurry dots that may not scan. For posters, SVG is safer.
Does SVG work with a logo?
Yes. SVG keeps both the dots and the logo crisp at any size, making it the best format for branded codes destined for variable print sizes.
Why does my PNG code look blurry when printed?
The PNG was either low-resolution or was scaled up beyond its native size. Export at higher resolution, or switch to SVG, which scales without quality loss.
Should I just always use SVG?
You can — SVG works at any size. The only reason to prefer PNG is simplicity and universal compatibility in older tools. When in doubt, export both.