How to svg vs raster qr codes: format comparison for print and digital
- Step 1Identify your primary use context — Print (any size): SVG. Digital only (web, email): PNG at sufficient resolution. Both print and digital: SVG (export to PNG from SVG when needed). Large format (billboard, signage): SVG — the only format that scales without quality loss.
- Step 2Check scan reliability requirements — For high-stakes QR codes (payment, authentication, healthcare), use error correction H and test scanning with 10+ different devices and apps. For low-stakes codes (URLs, WiFi), level M is sufficient.
- Step 3Choose based on toolchain compatibility — If your CMS, email template, or print production system doesn't accept SVG, export the SVG to a high-resolution PNG (minimum 600×600px for print use). The SVG-to-PNG export preserves perfect quality at any resolution.
Frequently asked questions
What minimum resolution PNG is required for a printed QR code?+
At print resolution (300 DPI), a QR code printed at 2×2cm needs at least 236×236px. A QR code at 5×5cm needs 591×591px. Always generate PNG at 2× to 4× the target print size to ensure clean module edges. SVG avoids this calculation entirely — it renders at 300 DPI automatically in any print tool.
Can QR codes contain gradient colours or do they need to be black on white?+
The QR spec requires sufficient contrast between dark and light modules. A dark foreground on a light background is required, but the colours can be any pair with sufficient contrast. Gradients are technically possible but must maintain contrast throughout — a gradient from dark blue to black on white works; a gradient from white to black does not (white modules are indistinguishable from the background).
Can I use a QR code in an email newsletter?+
Yes, but use PNG, not SVG. Most email clients do not render SVG images. Export the QR code as a PNG at 600×600px minimum. For high-DPI email clients (Retina), 1200×1200px is recommended. Include an alt text with the URL as a fallback for clients that block images.
Does QR code colour affect scanability?+
Yes. Low contrast between modules (e.g., dark blue on navy blue) causes scan failures. The foreground colour must have a contrast ratio of at least 3:1 against the background. Avoid reversed QR codes (light foreground on dark background) unless your scanner app is confirmed to support them — many older apps do not.
Privacy first
Every JAD SVG tool runs entirely in your browser using the DOM API and Canvas. Your SVG files never leave your device — verified by zero outbound network requests during processing.