You generated a QR Code and two options appear: SVG or PNG. Which one to choose? The answer depends on where the QR will be used — and choosing wrong can mean a pixelated, unreadable QR that no phone can scan after large-format printing.
The fundamental difference: SVG is vector (made of math, scales infinitely without losing quality) and PNG is raster (made of pixels, has a fixed resolution). For a 3 cm print on a business card, it doesn't matter much. For a 2-metre banner or a storefront, the difference is everything.
What is SVG vs PNG
SVG — vector, no size limit
SVG (Scalable Vector Graphics) describes the QR Code as geometric shapes: squares, lines, and mathematical coordinates. When you enlarge the file, the program redraws the shapes at the new scale. The result is always sharp, regardless of size — 5 cm or 5 metres, same quality.
Open an SVG in Illustrator, Inkscape, Figma, or Canva and zoom to 10,000%: perfect edges, no jagging.
PNG — raster, fixed resolution
PNG (Portable Network Graphics) is a grid of coloured pixels. If the file was generated at 300×300 pixels and you print it at 30 cm, you have 10 pixels per centimetre — blurry and pixelated. To print well at 30 cm you need at least 300 DPI → 3,543×3,543 pixels.
The right resolution solves the problem, but you need to export at the right size from the start. A small PNG that has been upscaled will never be sharp again.
When to use SVG
### For large-format printing
Event banners, facade canvas, window stickers, signs, self-service kiosks — always SVG. The print shop will print at whatever resolution they need, without asking for a new file.
Learn the minimum size by reading distance before sending to print.
### For sending to a print shop or designer
The designer will place the QR inside a larger layout. With SVG they can resize without restriction. With PNG they will ask for a "higher-resolution version" — which you may not have.
For QR on product packaging, labels, or vinyl stickers, SVG is the graphic industry standard.
### For use in design software
Figma, Adobe Illustrator, Affinity Designer, CorelDRAW — all open SVG and treat it as a vector object. You can change the colour, scale, and align with pixel precision without degrading the QR.
QR with a custom logo is much easier to work with in SVG in Illustrator or Figma.
### For fabric printing or laser cutting
Digital embroidery, laser cutting, vinyl cutting — the equipment uses the vector file directly. PNG is not suitable for this purpose.
When to use PNG
### For web and apps
Browsers load PNG quickly and screens have a fixed resolution (72–144 DPI). A 600×600 pixel PNG covers most web situations without the overhead of SVG.
On high-speed pages, inline SVG may be even better — but for a simple <img src="qr.png">, PNG works perfectly.
### For social media
Instagram, Facebook, LinkedIn, TikTok — all platforms accept PNG and compress images anyway. Upload an 800×800 pixel PNG and you're all set. SVG is not always accepted for profile pictures or post image uploads.
For QR Codes in Instagram Stories or feed, use PNG.
### For email marketing
Email clients (Gmail, Outlook) do not render embedded SVG reliably. Always use PNG in newsletters and transactional emails. A 400×400 pixel PNG is already sufficient for screen display.
QR Code in email signature — use PNG, not SVG.
### For Word and PowerPoint documents
Microsoft Office does not import SVG stably across all versions. For inserting a QR in a presentation or document, PNG is safer and more universal.
For QR Code in PDF, both high-resolution PNG and SVG work, depending on the software used to generate the PDF.
Quick reference table
| Situation | Ideal format | Why |
|---|---|---|
| Banner, canvas, large facade | SVG | Infinite scale, no pixelation |
| Vinyl sticker / laser cut | SVG | Equipment uses vector |
| Sending to print shop or designer | SVG | Free resizing |
| Figma / Illustrator / Canva | SVG | Vector editing |
| Website, landing page | PNG or SVG | Both work well |
| Social media (post, stories) | PNG | Platforms compress |
| Email marketing / newsletter | PNG | SVG doesn't render in email |
| Word, PowerPoint | PNG | Office compatibility |
| Small print (card, menu) | PNG 300 DPI+ | Sufficient resolution |
| QR with editable logo | SVG | Editable logo in vector |
Export and testing best practices
For SVG:
- Export as clean SVG (without unnecessary metadata).
- Verify the file opens correctly in Illustrator or Inkscape before sending to the print shop.
- Ask the print shop to confirm the final print size.
For PNG:
- Calculate the resolution: size in cm × DPI ÷ 2.54 = required pixels.
- For printing, use a minimum of 300 DPI. For screen, 72–144 DPI is enough.
- Export with a white or transparent background as needed.
Always test:
- Print a test copy before printing 500 units.
- Scan with at least 3 different phones.
- Test under varying lighting conditions.
Complete guide to dynamic QR explains why URL length directly affects QR density and scan quality.
Common mistakes
❌ Using a small upscaled PNG at the print shop
The most frequent mistake. The client downloads a 200×200 pixel PNG (the default preview size) and sends it to print on a 1-metre banner. Result: pixelated, unreadable QR that no phone can scan. Always request SVG or high-resolution PNG for large-format printing.
❌ Thinking "high quality" in the exporter solves everything
Some generators offer "high quality PNG" at 500×500 pixels. This works for prints up to about 4 cm. For a 60 cm banner, it will still pixelate. SVG is the definitive solution for large formats.
❌ Using SVG in email
The client opens the email in Outlook and doesn't see the QR — because SVG doesn't render. Nobody scans what doesn't appear. Use PNG.
❌ Confusing screen resolution with print resolution
"Looked great on the monitor" does not mean it will look good printed. Monitor: 72–96 DPI. Graphic-quality print: 300 DPI. A PNG that seems large on screen can be tiny and blurry when printed.
❌ Not verifying the SVG is correct before sending
SVG generated with a bug (missing modules, wrong colours) may look correct on screen but fail when printed. Open it in Illustrator or Inkscape and confirm that all QR modules appear sharp and complete.
See common QR Code mistakes for a complete list of problems that compromise scanning.
Summary
- Large-format printing (banner, facade, print shop) → SVG always.
- A designer or print shop will use the file → SVG always.
- Web, social media, stories → PNG (600–1200 px is enough).
- Email marketing or Office → PNG required.
- PNG for printing → calculate the resolution: size × 300 DPI ÷ 2.54.
- Never upscale a small PNG — generate a new one at a larger size or use SVG.
- Test before printing in bulk — 3 phones, varied lighting.
Generate your QR Code in SVG or PNG — choose the right format on export and print with quality at any size.
