TL;DR
Use SVG for most professional print layouts. It stays crisp at different sizes. Use a high-resolution PNG when your design app, office software, website, or printer specifically needs a raster image.
Neither format makes a bad QR design good. Keep the quiet zone, preserve contrast, avoid distortion, and test the final proof.
What is the difference between QR SVG and PNG?
SVG describes shapes in a vector document. PNG stores a rectangular grid of pixels. The W3C describes SVG as resolution-independent and suited to printing, while its 2025 PNG specification defines PNG as a lossless format for raster images.
| Factor | SVG | PNG |
|---|---|---|
| Image model | Vector shapes | Fixed pixel grid |
| Resizing | Scales without pixelation | Safe to reduce; enlargement can soften edges |
| Best fit | Print design, signs, packaging, flexible layouts | Web, slides, documents, and raster-only workflows |
| Compatibility | Excellent in modern design tools, mixed elsewhere | Broadly accepted by common image software |
| Main risk | Unsupported import or altered vector effects | Low resolution, screenshots, or repeated resampling |
When is SVG best for a QR code?
SVG is the best default when a QR code may be resized in a professional layout. The code remains a set of clean geometric shapes, so a printer can render those edges at the output device's resolution instead of stretching an existing pixel grid.
Use SVG for business cards, packaging, menus, posters, signage, apparel artwork, and files handed to a designer or commercial printer. It is especially useful when the same code must appear at several sizes. One source file can feed those placements without creating a separate raster export for each.
Ask the printer or design team whether their workflow accepts SVG before the deadline. Some older office tools, upload portals, or production systems do not. Compatibility beats ideology. A beautiful vector file nobody can place is just a tiny XML paperweight.
When is PNG best for a QR code?
PNG is the practical choice when the destination tool expects a normal image file. It is lossless, supports transparency, and is widely accepted across browsers, presentation tools, document editors, social platforms, and print portals.
Resolution matters because PNG has fixed pixel dimensions. A 2048 by 2048 download gives ordinary layouts far more working room than a small preview or screenshot. Place the original file and reduce it to size. Do not enlarge a small copy and expect new detail to appear.
PNG is also useful when a design system rasterizes everything anyway. In that case, control the rasterization yourself at a generous size instead of letting an unknown export path create a soft or compressed result.
Do SVG and PNG contain the same QR destination?
They should. File format changes how the symbol is stored, not what the symbol means. A trustworthy export process builds both formats from the same payload and design settings. Decode each final file if they came from different tools or production steps.
JustMakeTheQRCode.com generates the QR code in your browser, verifies the preview locally, and offers both SVG and 2048 by 2048 PNG. The plain black-on-white files are free. Custom colors, supported module shapes, and an optional raster logo cost $3 once. Neither file routes scans through our domain.
You can make and download both formats, then test the exact one placed in the final artwork.
How should you resize a QR file safely?
Resize the whole symbol proportionally, including its blank border. Never stretch only one dimension, crop the outside, blur the edges, or place a second background inside the quiet zone.
- Start from the original SVG or high-resolution PNG.
- Lock the aspect ratio so width and height change together.
- Keep the complete four-module quiet zone.
- Avoid shadows, glow, texture, filters, and image compression.
- Export the full layout at the printer's requested settings.
- Print and scan a proof at the exact intended size.
DENSO WAVE explains that QR versions run from 21 to 177 modules per side, with higher versions adding modules. The physical module size, not just the total image width, determines how much detail the camera must resolve.
What should you send to a printer?
Send the SVG when the printer accepts it, plus a high-resolution PNG as a fallback. Include the intended physical size, the final layout, and a request not to crop or redraw the code. If the printer asks for PDF, place the SVG in the approved layout and export the PDF using their preset.
Do not ask a printer to rescue a QR code from a JPEG proof, email thumbnail, screenshot, or word-processing document. Keep the original asset attached to the job. Follow the full QR code print-preflight process and scan the physical proof before approving quantity.
Why can either format still fail?
A correct file can be ruined after placement. Low contrast, lost quiet zone, tiny modules, reflective laminate, curvature, folding, ink spread, damage, or an oversized logo can defeat both SVG and PNG.
If a code fails, use the QR scan troubleshooting checklist. Test the original digital file first. If that works, the file format is probably not the real problem. Trace what changed between the source asset and the finished object.
Frequently asked questions
Is SVG always better than PNG for QR codes?
No. SVG scales better, but PNG has broader compatibility. A large, clean PNG used at an appropriate size can scan perfectly. Use the format your production workflow handles reliably.
What PNG resolution should a QR code use?
There is no single pixel count for every print. It depends on final size and module density. Start with the largest clean original available, reduce it proportionally, and verify the printed proof.
Can I convert PNG to SVG?
Automatic tracing may create imperfect module edges or alter the quiet zone. Regenerating a true SVG from the exact payload is safer than tracing a raster image.
Should a QR code PNG have a transparent background?
Transparency is usable only when the final background stays plain, light, and high contrast. A solid background included in the asset is safer when the surrounding layout might change.
Sources
- W3C, About SVG for resolution independence and print suitability.
- W3C, Portable Network Graphics Specification, Third Edition for PNG's raster image model and lossless format.
- DENSO WAVE, Information Capacity and Versions for QR module counts and density.
- GS1, 2D Barcode Creation and Printing Playbook for production and verification guidance.
Sources checked .