PNG vs SVG for QR code printing

Choose based on the destination

PNG is a grid of pixels. It is convenient for office documents, slides and social posts, but enlarging a small PNG can soften the edges of the QR modules. SVG describes the shapes as vectors, so a compatible design or print application can scale the code without turning its edges into enlarged pixels.

Use SVG when a designer or print supplier accepts vector artwork. Use PNG when the receiving software only accepts image files. Neither format repairs an incorrect destination, poor contrast or a missing blank margin.

Example: plan a 40 mm printed code

To estimate PNG resolution, convert the printed width to inches and multiply by the intended dots per inch: pixels = millimetres ÷ 25.4 × DPI. A 40 mm-wide image at 300 DPI needs about 472 pixels across. A 512 px export meets that arithmetic target, but it is still necessary to scan the actual printed sample.

This estimate refers to the full image, including its margin. It is a starting point rather than a guarantee of scanning. Dense codes, inexpensive printing, folds and long viewing distances can require a larger physical code.

Export and place the artwork

1. Finish the destination and style in QR Code Generator, then choose PNG or SVG in the download controls.
2. For PNG, choose an export size appropriate for its final use. Avoid screenshots, which can add scaling and compression.
3. Insert the file into your document or design application and lock the aspect ratio. Keep the blank border inside the exported artwork.
4. Export the complete print layout using your supplier’s recommended settings. Avoid introducing JPEG compression to the QR image.
5. Print one copy before ordering a batch, and scan both the code and its destination on different phones.

Common format problems

If an application refuses SVG, use PNG at sufficient resolution instead. If a social platform converts your upload, scan the version displayed on that platform, not only your original file. If your design uses transparency, check that the background still gives the code enough contrast after placement.

Do not crop away the margin to make the code look larger. Increase the overall printed size instead. Keep a visible destination or instruction nearby so a person can understand the purpose of the code before scanning.