PNG vs SVG: Which Format for Your QR Code?
When you generate a QR code, you typically get two download options: PNG and SVG. They look identical on screen. They are fundamentally different under the hood, and picking the wrong one can mean the difference between a crisp scan and a blurry mess.
PNG: the pixel grid
PNG is a raster format. Your QR code is stored as a fixed grid of pixels. A 500x500 PNG contains exactly 250,000 pixels, and that's all the detail it will ever have. Scale it up to a billboard, and you'll see jagged edges and blur.
When to use PNG:
- Sharing on social media (Instagram, Twitter/X, LinkedIn)
- Embedding in emails or newsletters
- Adding to presentations (PowerPoint, Google Slides, Keynote)
- Displaying on websites where you need a simple image tag
- Any context where the final display size is known and fixed
PNG is the universal format. Every platform, app, and device knows how to display it. For screen-only use at a predictable size, PNG is the easiest choice.
SVG: the math
SVG is a vector format. Instead of storing pixels, it stores geometric instructions -- "draw a square at position X,Y with width W." This means SVG QR codes have no fixed resolution. They are infinitely scalable. Print one on a postage stamp or a highway billboard, and every edge stays perfectly sharp.
When to use SVG:
- Print materials (business cards, flyers, brochures, posters)
- Product packaging and labels
- Large-format signage and banners
- Any design tool workflow (Figma, Illustrator, InDesign, Canva)
- When you're not sure of the final size yet
SVG files are also typically smaller than high-resolution PNGs. A QR code SVG might be 2-5 KB, while a 2048x2048 PNG of the same code could be 20-50 KB. Not a huge difference, but worth noting.
The practical decision tree
Here's the honest answer for most situations:
- Going to print? Use SVG. Always. No exceptions. (See our print best practices for more.)
- Screen only, size is fixed? PNG at the display size is fine.
- Not sure yet? Download both. SVG for the designer, PNG for the Slack message.
- Someone else will use this file? SVG. Let them decide the final size.
Common mistakes
Upscaling a small PNG for print. A 200x200 PNG looks fine on a phone screen but prints as a blurry mess on a poster. If the QR code is going to be printed larger than about 2 inches, either export a high-resolution PNG (1024px+) or just use SVG. Not sure what resolution you need? See our QR code sizes and resolution guide.
Using SVG where PNG is expected. Some platforms (email clients, certain social networks) strip or ignore SVG files. If your QR code is going into an email, export it as PNG.
Ignoring the quiet zone. Both formats need whitespace around the QR code (the "quiet zone") for reliable scanning. Most generators, including ours, add this automatically. Don't crop it out.
Which one should you pick?
If you're only downloading one format, SVG is the safer bet. You can always convert SVG to PNG later at any resolution you need. You can't go the other direction without losing quality.
On qrmake.dev, both formats are free, both download instantly, and neither requires an account. Grab both and move on with your day.