PNG vs SVG QR Codes: Which Format Should You Use?
Quick Answer
- SVG for print (flyers, business cards, signage, packaging)
- PNG for digital (websites, emails, social media, presentations)
If you're unsure, download both from QRbuild — it's free.
What's the Difference?
PNG (Portable Network Graphics) is a raster format. It's made of pixels. When you enlarge it past its original size, it gets blurry and pixelated.
SVG (Scalable Vector Graphics) is a vector format. It's made of mathematical paths. It stays perfectly crisp at any size — from a postage stamp to a billboard.
When to Use SVG
- Business cards
- Flyers and brochures
- Posters and banners
- Product packaging
- Real estate signs
- Restaurant menus
- Any professional print job
SVG files are typically smaller than high-resolution PNGs and can be opened in any design tool (Illustrator, Figma, Canva, InDesign).
When to Use PNG
- Website embeds
- Email signatures
- Social media posts
- Slide presentations
- Digital documents
- Messaging apps
PNG is universally supported. Every browser, app, and platform displays PNG correctly. SVG support is more limited in email clients and some apps.
Size Comparison
| Format | File Size | Scalability | Best For |
|---|---|---|---|
| PNG (1024px) | 15-50 KB | Fixed resolution | Digital use |
| SVG | 5-15 KB | Infinite | |
| PNG (300dpi, 10cm) | 100-300 KB | Fixed | Print (adequate) |
Common Mistakes
Using PNG for large-format printing. A 300px PNG scaled to a poster will look terrible. Always use SVG for anything larger than a business card.
Using SVG in emails. Most email clients don't render SVG. Use PNG for email signatures and newsletters.
Not testing the print. Even with SVG, test a sample print before ordering 1,000 copies. Check that the QR code scans from the intended distance.
How to Get Both Formats
QRbuild's free generator lets you download both PNG (1024x1024) and SVG with one click. The PNG is high-resolution enough for most digital uses, and the SVG scales perfectly for any print application.
For business card QR codes, always use SVG and place it in your design tool at the exact size needed.
Download your QR code in both formats. Free generator — PNG and SVG, no sign-up.
About the author
QRbuild Team
The QRbuild team writes practical guides on QR codes, scan tracking, and print marketing. We build free tools that help businesses connect physical materials to digital experiences.