QRFlow
Create
← All guides

SVG vs PNG QR Codes: Choose by Print Size and Resolution

Choose SVG for resizing and PNG for fixed-size output. Calculate print pixels, preserve the quiet zone, and test the final exported artwork.

By QRFlowChecked against the current generatorPrintingPrimary tool: URL
How we verify this guide

Before this page is included in the public guide directory, its examples are compared with the payload produced by the linked QRFlow generator and with the export and scan-readiness controls available in the current build. Camera, lighting, paper, print size, and destination apps can still change the result, so important print runs should always be tested on the final material and real devices.

On this page
  1. Do SVG QR codes scan better than PNG?
  2. Use SVG when…
  3. Use PNG when…
  4. The common mistake
  5. Print-ready rule of thumb
  6. Worked example: a 25 mm print at 300 ppi
Quick steps
  1. Decide print vs screen: Print needs SVG; screens can use PNG.
  2. Download SVG for print: SVG stays sharp at any size and avoids blur.
  3. Use high-res PNG when needed: Export a large PNG and never upscale it later.
  4. Test at final size: Scan the QR at the size and distance you will use.

Short answer: both formats can scan equally well when the final image has sharp modules, enough contrast, and the same physical size. SVG makes resizing easier; PNG needs enough pixels for the chosen output.

Do SVG QR codes scan better than PNG?#

SVG does not change the encoded data or add error correction. Its advantage is vector geometry: the design tool can render it at the chosen size. A sufficiently large PNG can also print sharply; interpolation, cropping, and the printer can affect either export workflow.

Use SVG when…#

  • You will print (business cards, menus, posters, signage).
  • You will resize in design tools (Figma/Illustrator/Canva/InDesign).
  • You need perfectly sharp module edges at any size.

Use PNG when…#

  • You only need the QR for screens (web page, slides, emails).
  • You will not resize much (or you export at a sufficiently high resolution).

The common mistake#

People download a small PNG (e.g. 256×256) and then scale it up for print. That introduces blur and aliasing. Blur reduces the scanner’s ability to detect module boundaries.

Print: SVG (recommended)
For PNG, calculate pixels from the final physical size and the printer’s requested resolution. Keep the four-module quiet zone and avoid smoothing the module edges.

Also make sure you keep enough margin (quiet zone) and good contrast. See: contrast + quiet zone guide.

Worked example: a 25 mm print at 300 ppi#

For a square file including its quiet zone, pixels = millimeters ÷ 25.4 × pixels per inch. At 25 mm and 300 ppi, that is 295.3 pixels, rounded up to 296. This is a raster-resolution calculation, not a minimum scan-size guarantee.

For an illustrative 29-module symbol, a four-module margin on each side gives 37 modules across. At 296 pixels, each module occupies exactly 8 pixels. Your payload may use a different module count: preserve square modules, choose a suitable export size, and test a final-size proof instead of assuming this example fits every QR.

Scan both the exported source and the placed artwork. If only the placed version fails, inspect scaling and cropping. If only the paper version fails, check ink spread, glare, stock, and final dimensions.

Quiet-zone reference: DENSO WAVE: determining the code area.

Recommended templates

URL QR Code
Convert a website link to a QR code instantly, then download a clean SVG or PNG.
Business Card QR Code
Create a vCard QR and complete front/back business card artwork with real trim, bleed, safe-area, and print checks before ordering cards.
vCard QR Code
Make a vCard (contact info) QR code so people can save your details in one scan.
Email QR Code
Generate a mailto QR code that opens your email app with recipient and optional subject/body prefilled.
Phone QR Code
Scan to start calling instantly (tel: link).
Redirect QR Code
Create a redirect QR code for campaigns, menus, packaging, posters, and any QR that may need a controlled destination path.

Use cases & print ideas

Matching pages that explain where this QR type works best before you open the generator.
vCard Contact QR Print Use Cases
Use these print examples when the next step should be saving a contact, not typing details or visiting a plain web page.
Redirect QR Code Use Cases
Use Redirect QR for a controlled destination path; only hosted dynamic QR lets the printed asset stay fixed while the destination changes after launch.

Continue reading

← Previous
QR code not scanning? A fast troubleshooting checklist
The real-world reasons QR codes fail (contrast, quiet zone, blur, density, glossy print) and the quickest fixes that work on iPhone/Android.
Next →
QR color, contrast & quiet zone: the print rules that actually matter
Why quiet zone is non-negotiable, how to choose colors that scan, and what backgrounds (patterns, gradients) break QR detection.

Related guides

Printing
Use 20-25 mm (0.8-1.0 in) for most business cards. Includes minimum size guidance for short URLs, larger sizing for vCards, quiet zone rules, and a card dimensions chart.
How to add a QR code to a business card (visiting card) in Canva: generate the right QR (vCard vs URL), download SVG/PNG, keep a quiet zone, and export for print.
Canva QR code generator: create a URL QR in Canva, or generate vCard/WiFi/social QR codes with QRFlow and upload — plus print-ready export tips.
Why quiet zone is non-negotiable, how to choose colors that scan, and what backgrounds (patterns, gradients) break QR detection.
Pick the right error correction level for print/screens/logos. Learn the trade-off: higher correction = denser QR = needs larger print.
How big should a QR be on posters and signs? Use a simple distance→size table, plus placement and glare tips for real-world scanning.

Related topics

Business Card QR Print & Troubleshooting Hub →Browse all topics →

Quick answers

Common questions

Do SVG QR codes scan better than PNG?
Not inherently. Both can scan equally well at the same final size with sharp modules. SVG is easier to resize; PNG needs enough pixels for the intended output.
Why is SVG better for printing?
Vector geometry lets the design tool render modules at the chosen size. Still check the final rasterization and printed proof.
When is PNG enough?
For screens or print when the file has enough pixels at its final size, sharp modules, and an intact quiet zone.
Try it now
Generate QR codes locally in your browser — no uploads.