QR Code SVG vs PNG: Which Format for Print and Screen

Download your QR code as SVG for print (flyers, business cards, signs, packaging) and for any layout where it might be resized, because a vector stays sharp at every size. Use PNG for screens: websites, slides, emails and chat messages, where you know the display size and want a file every app can open. Whichever you choose, keep the white margin around the code (the quiet zone) and never save a QR code as a low-quality JPEG.

SVG vs PNG at a glance

A QR code is just black and white squares, called modules. SVG stores each module as a precise shape, so a printer can draw edges that are perfectly crisp. PNG stores a fixed number of pixels; enlarge it beyond that and the software has to invent new pixels, which softens the edges a scanner relies on.

When to choose SVG

1. Anything printed. Business cards, flyers, menus, labels, posters. Print shops and layout tools (InDesign, Illustrator, Affinity, Canva, Figma) all accept SVG, and many prefer vector artwork for logos and line art.
2. Large formats. A code on a banner or shop window may end up 30 cm wide or more. A vector scales there without any extra work.
3. Files you will reuse. If the same code goes on a card today and a poster next month, one SVG covers both.
4. Brand colors. In a vector editor you can recolor the modules without degrading them. Keep strong contrast: dark modules on a light background.

If your printer or software asks for PDF or EPS instead, open the SVG in a vector editor and export to that format. The code stays a vector.

When to choose PNG

1. Screens. A PNG on a web page, in a presentation or on a digital sign displays exactly as stored.
2. Email and messaging. Everyone can open a PNG; an SVG attachment may show up as a code file instead of an image.
3. Apps that don't take SVG. Some word processors, form builders and social platforms only accept raster images.
4. Quick sharing. Sending a Wi-Fi QR code to a friend's phone? A PNG is the simplest option.

PNG is lossless, so it keeps the edges between modules exactly as generated. That is why it beats JPEG for codes. If you are weighing raster formats more generally, our guide to PNG vs WebP covers the trade-offs.

Sizes and DPI for printing a PNG

Printers usually ask for about 300 pixels per inch (ppi) at the final printed size. The math is simple: pixels needed = printed width in inches × 300.

Two practical rules:

• Generate the PNG at the size you need. Don't download a small PNG and stretch it in your layout. Changing the "dpi" label in an image editor doesn't add detail either; only more pixels do.
• If you must resize, use whole-number multiples (2×, 3×, 4×) and the "nearest neighbor" setting, so each module stays a crisp block.

With SVG none of this matters: export or place it at whatever size the design needs.

How big should a printed QR code be?

Size depends on two things: how many modules the code has (more data means more, smaller modules) and how far away people will scan it.

• Keep the data short. A short URL makes a code with fewer, larger modules, which scans faster and can be printed smaller. A long URL with tracking parameters makes a dense code.
• Business cards and labels: around 2 to 3 cm (0.8 to 1.2 in) is a common practical minimum for a short link scanned from 10 to 20 cm away.
• Flyers and menus: 3 to 5 cm is comfortable.
• Posters and signs: a common rule of thumb is that the code should be at least one tenth of the scanning distance. A code read from 2 meters away should be around 20 cm wide.

For reference, the inventor of the QR Code, DENSO WAVE, gives a worked example: a code of 29 modules printed on a 400 dpi printer at 4 dots per module comes out at about 9.4 mm square including the margin. That is the technical floor for a good printer, not a size most phones will read comfortably at arm's length. Product barcodes in retail follow the stricter GS1 rules, which set a minimum module size of 0.396 mm for QR codes on consumer packaging.

Always test the printed proof with a couple of phones, at the real distance, before you print a full run.

The quiet zone: don't crop it

The QR Code standard calls for a blank margin, the quiet zone, at least four modules wide on every side. Scanners use it to find where the code begins.

Common ways to lose it:

1. Cropping the image tightly to save space on a card.
2. Placing the code on a busy photo or a patterned background.
3. Putting text or a border right against the code.

A good generator includes the quiet zone in the downloaded file. Leave it there, and if you place the code on a colored background, make sure the margin area is plain and light.

Other mistakes that break QR codes

• Low contrast. Pale grey on white or dark blue on black can fail. Dark on light works best; inverted (light on dark) codes are not read by every scanner.
• JPEG artifacts. Compression noise around modules confuses readers. Use PNG or SVG.
• Stretching. A QR code must stay square. Lock the aspect ratio when resizing.
• Glossy or curved surfaces. Reflections and bottles distort the modules. Test on the real material.
• Changing the content after printing. A static code contains the link itself, so if the link changes, you need a new code. Read do QR codes expire? before you print a large batch.

Is it safe to put any link in a QR code?

The format doesn't change what the code contains. Whatever you encode, anyone with a camera can read it, and people scanning a code can't see the link until their phone shows a preview. Put only links you control and want public. Our guide on whether QR codes are safe to scan explains what people should check, which is worth knowing if your code goes in a public place where someone could cover it with a sticker.

Where sigil. fits

Our free QR code generator runs in your browser: you type the content, choose SVG or PNG (512, 1,024 or 2,048 pixels wide, quiet zone included), and download. It makes static codes, and nothing is uploaded to a server. You can find it with our other free tools, such as the EXIF remover for cleaning photo metadata before you share.

sigil. itself is a photo and video vault for your phone. When a photo has to leave the vault, how to share photos privately covers the options. The files in your vault are protected with 256-bit encryption and open only with a sign you draw on a 5×5 grid.

Bottom line

SVG for print and anything that may be resized; PNG for screens, email and chat, generated at the size you need (about 300 ppi for print). Keep the four-module quiet zone, keep strong contrast, avoid JPEG, and test the printed code before printing hundreds.

Sources

• DENSO WAVE: QR Code size and quiet zone
• W3C: Scalable Vector Graphics (SVG) 2
• W3C: Portable Network Graphics (PNG) Specification
• GS1 UK: How big should a QR code powered by GS1 be?
• Adobe: Image size and resolution in Photoshop