SVG vs PNG QR Code: Which File Format Should You Use for Print, Web and Design?

When you download a QR code, you are usually offered a PNG file, an SVG file or both. Both can scan perfectly. The difference shows up when you resize the code, send it to a printer or drop it into design software. This guide explains how the two formats work, when each one is the better choice and how to get crisp results with either.

The quick comparison

PNGSVG
TypeRaster (a grid of pixels)Vector (shapes described by math)
ScalingSharp up to its pixel size; can blur if enlargedSharp at any size
Works inAlmost every app, website, email and phoneBrowsers, design tools and most modern office apps; support elsewhere varies
Editing colors laterNeeds an image editorEasy in vector design software
Best forScreens, documents, everyday printingLarge prints, signage, professional design work

What a PNG is

A PNG is a raster image: a fixed grid of colored pixels. A 1,024 × 1,024 PNG contains exactly that many pixels, no more. PNG uses lossless compression, so the edges of each black and white square stay clean, which is exactly what a QR code needs.

The limitation is size. If you stretch a small PNG far beyond its pixel dimensions, most apps smooth the pixels to fill the gaps, and the sharp edges of the modules turn soft and gray. A scanner may still read a slightly soft code, but blurry edges reduce your safety margin, especially at small sizes or from a distance.

What an SVG is

An SVG is a vector image. Instead of storing pixels, it stores instructions such as "draw a black square here". Because the shapes are recalculated at whatever size you display them, an SVG stays perfectly sharp on a business card or a billboard. SVG files are also small and easy to recolor in design software.

The limitation is compatibility. Web browsers and design tools handle SVG well, and many modern office apps can insert it, but some older software, certain email clients, social media uploads and online forms do not accept SVG. When in doubt, PNG is the safe choice.

Why QR codes are friendly to PNG

QR codes are made of square modules, so a PNG can stay sharp if each module is drawn with a whole number of pixels. That gives you two useful tricks:

Make a free QR code for a link, WiFi or contact card — generated in your browser.

Open the free QR code generator →

How many pixels does a PNG need for print?

A common resolution for sharp printing is 300 pixels per inch. To find the pixels you need:

Pixels needed = printed width in inches × 300

Printed widthPixels needed at 300 ppi
1 inch (2.54 cm)300 px
2 inches (5.08 cm)600 px
3 inches (7.62 cm)900 px
3.4 inches (8.67 cm)about 1,024 px
6 inches (15.24 cm)1,800 px

The QR Studio generator downloads a PNG up to 1,024 pixels wide, which covers business cards, flyers, table tents and most labels at 300 ppi. For bigger pieces like posters, many printers accept a somewhat lower resolution because people view them from farther away, but check with your print shop. For very large signage, a vector file is the safer route. Our guide to QR code size for print helps you choose the physical size first.

When PNG is the better choice

When SVG is the better choice

If you need a vector file and only have a PNG, the most reliable option is to generate the same content again with a tool that exports SVG. Automatic "image tracing" can slightly distort modules, so if you use it, scan the result carefully.

Why JPG is a poor choice for QR codes

JPG uses lossy compression designed for photographs. Around sharp black and white edges it can create faint smudges and blocky artifacts, and it cannot store a transparent background. A JPG QR code often still scans, but PNG gives you cleaner edges at a similar file size. Use JPG only if a platform accepts nothing else, and export it at the highest quality setting.

Transparent backgrounds: be careful

Both PNG and SVG can have transparent backgrounds, which designers sometimes like. The risk is that the code ends up on a dark or busy background with no light quiet zone around it. Scanners need strong contrast and a clear margin. If you use transparency, place the code on a plain, light area. See our guide to the QR code quiet zone.

A quick way to decide

  1. Will it only appear on screens or in documents? Use PNG.
  2. Will it be printed up to about 3 inches wide? A 1,024 px PNG is enough.
  3. Will it be printed larger, or edited by a designer? Use SVG or another vector format if you can.
  4. Does the platform reject SVG? Use PNG.

Whatever you choose, test before you publish or print: scan the final file, or a printed proof, with at least two phones. If it struggles, our QR code not scanning checklist covers the usual fixes.

Frequently asked questions

Is SVG or PNG better for QR codes?

Both scan equally well. SVG is better when the code will be enlarged or edited in design software. PNG is better for compatibility with websites, documents, email and social media.

Can I print a PNG QR code?

Yes. Make sure the PNG has enough pixels: about 300 pixels per inch of printed width is a common target. A 1,024 px PNG prints sharply up to about 3.4 inches wide.

Does file format affect whether a QR code scans?

Not directly. What matters is sharp edges, strong contrast and a clear quiet zone. A heavily compressed JPG or an over-enlarged PNG can blur the edges and make scanning less reliable.

Can I convert a PNG QR code to SVG?

You can use image tracing tools, but they can distort the squares. It is usually more reliable to create the code again with a generator that exports SVG.

Make a free QR code for a link, WiFi or contact card — generated in your browser.

Open the free QR code generator →

Keep reading