PNG vs SVG for QR Codes — Which Format to Download?

What PNG is and how it stores image data

PNG stands for Portable Network Graphics. It is a raster format — the image is stored as a grid of pixels, each with a specific colour value. The total number of pixels in a PNG is fixed at creation. A PNG downloaded at 300×300 pixels contains exactly 300×300 pixels, no more.

When you view or print a PNG at the exact size it was created for, the quality is perfect. Problems arise when you scale it up. If you download a 300×300 pixel QR code and then insert it into a Word document at 10 cm × 10 cm, the printer needs to stretch those 300 pixels across a 10 cm span. At standard print resolution of 300 DPI, 10 cm × 10 cm requires approximately 1181 × 1181 pixels. Stretching 300 pixels to fill 1181 pixels produces visible pixelation — blurry edges, soft corners, and a degraded appearance.

For QR codes specifically, blurry module edges reduce scan reliability. The scanner needs to clearly distinguish each module boundary. If edges are blurred from upscaling, more error correction capacity is used and marginal cases fail.

What SVG is and why it scales perfectly

SVG stands for Scalable Vector Graphics. Unlike PNG, SVG does not store pixels — it stores mathematical descriptions of shapes. A QR code in SVG format is described as a series of rectangles with exact positions and dimensions.

When an SVG is rendered — whether on screen or by a printer — the rendering engine calculates where every edge falls at the output resolution. A printer running at 600 DPI calculates edge positions to 600-DPI precision. A printer running at 2400 DPI calculates to 2400-DPI precision. The SVG file itself is the same in both cases — the resolution of the output device determines the precision of rendering.

The practical result: an SVG QR code printed at 2 cm × 2 cm looks identical in quality to the same SVG printed at 2 metres × 2 metres. The edges are always crisp. There is no upscaling artifact because the shapes are mathematically recalculated at each rendering.

When to use PNG

PNG is the right format in these specific situations:

Digital-only use: displaying the QR code on a website, embedding in a PowerPoint presentation, including in a social media post, using in a digital newsletter. In these contexts the code will never be scaled beyond screen resolution, and PNG renders perfectly.

Small print at controlled sizes: if you are printing at exactly the size the PNG was created for, and you know the file's pixel dimensions match the required print size at 300 DPI, PNG is fine. For example, a 354×354 pixel PNG printed at exactly 3 cm × 3 cm at 300 DPI.

Systems that do not accept SVG: some platforms, content management systems, and design tools have limited SVG support. If SVG is not accepted, download the PNG at the highest resolution available.

Speed and simplicity: for situations where the QR code will only ever be used digitally and you want a single file that works everywhere, PNG is simpler to manage than SVG.

When to use SVG

SVG is the right format in these situations — and the list is longer than most people expect:

Any print use where you are not certain of the exact final size: if someone else will be handling the file and may place it at different sizes, SVG is the safe choice. Designers and printers can use SVG at any size without quality loss.

Large-format printing: banners, posters, window graphics, vehicle wraps, trade show displays. These materials are printed at sizes where a PNG would need to be enormous to maintain quality. SVG eliminates this concern entirely.

Branding materials with precise quality requirements: business cards, letterhead, official documents, premium packaging. These contexts demand sharp, clean output that SVG guarantees.

When sending to a print shop or designer: professional printing and design workflows are vector-native. An SVG file integrates directly into Adobe Illustrator, Affinity Designer, and professional layout tools. A PNG file is a foreign element in a vector workflow.

Future-proofing: if you generate a QR code today and want to use it in materials at sizes you cannot predict, SVG ensures it will work regardless of what those future sizes turn out to be.

File size comparison

File size is rarely a deciding factor for QR codes. Both formats are small, and which one is smaller depends on how the file was generated.

A QR code SVG is a text file describing a finite number of rectangles. A typical QR code SVG is a few kilobytes to a few tens of kilobytes, depending on the complexity of the code and how efficiently the generator writes it.

A high-resolution PNG for large-format printing (1200×1200 pixels or larger) is also usually small, because a two-colour image compresses very well, though it grows with pixel dimensions.

For digital delivery, email and storage, either format is light enough that file size should not drive your decision. The real advantage of SVG is resolution independence, not file size.

The practical recommendation

Simple decision tree:

Will this QR code be printed at any point? → Use SVG. Is this code for digital display only (website, email, social, presentation)? → Either format works, use PNG for simplicity. Will you send the file to a designer or printer? → Use SVG. Do you need to future-proof the file for possible later print use? → Use SVG.

The only exception to preferring SVG for print: if the platform you are using to lay out the printed material does not support SVG (some older desktop publishing tools, some online design tools). In that case, download the highest resolution PNG available and size it conservatively in the layout.

When in doubt, download both formats if your generator offers it, and keep the SVG in your files for any print-related future use.