Blog / Design

How to make a QR code that scans: a design checklist

By The log.my team · Published · Updated

A beautiful QR only helps your campaign if people can scan it. Test the final printed or displayed design, not just the preview in an editor.

Protect the quiet zone

The quiet zone is the empty border around the QR pattern. DENSO WAVE specifies a margin four modules wide on every side. Keep headlines, decorative shapes, frames and nearby text outside this area.

A frame can sit around the code, but do not let its border touch the modules. Inspect the final exported file as well as the editor preview: cropping can remove the margin even when the original design looked fine.

Reference: DENSO WAVE: securing the QR margin

Use contrast and enough physical size

Start with a dark pattern on a light background. If you change colors, avoid backgrounds with photos or gradients directly beneath the modules. A code that looks clear on a bright monitor can lose contrast on matte paper, a curved label or a dim display.

There is no single print size that works for every QR. Encoded data, module size, printer quality, viewing distance and camera all matter. DENSO WAVE recommends printing modules as large as the space allows. Test at the actual size and distance instead of relying on a universal centimetre rule.

Reference: DENSO WAVE: choosing module size

Treat logos and patterns as a trade-off

A logo, rounded modules or a decorative poster can strengthen recognition, but covering or reshaping too much of the code makes scanning less reliable. Keep finder patterns visible and start with a simple design before adding optional elements.

Error correction can recover some damaged or hidden data. Higher correction also adds data to the symbol and can make the pattern denser. It is not permission to cover a large centre area or remove the quiet zone. Test the exact design after adding a logo.

Reference: DENSO WAVE: error correction levels

Scan test checklist before publishing

Export the version you will actually share. Use this checklist on both a screen and a print proof when the campaign will use both.

For the message beside a flyer QR, read how to turn printed flyers into customer enquiries.

  • Scan with at least two phones or camera apps, including an older device if available.
  • Check the destination, contact action, Wi-Fi details or form URL after scanning.
  • Try the real viewing distance, lighting, paper finish and printed size.
  • Test again after changing a logo, color, pattern, frame, caption or export size.

If a QR does not scan, find the cause

Fix the simplest constraint first, then export and test again.

Common QR scanning problems and practical fixes
What you seeLikely causeWhat to try
Camera cannot detect the codeQuiet zone is cropped or artwork touches the modules.Restore a clear four-module margin.
Works on screen but not on paperPrint is too small, blurred or low contrast.Increase size, sharpen the print and use dark-on-light colors.
Works before adding a logoLogo covers too much of the symbol.Make the logo smaller and test the final export.
Scans but opens the wrong pageThe encoded URL or editable destination is incorrect.Check the Studio destination and scan the exported QR again.

Choose the right export for the job

log.my offers PNG and SVG exports. PNG is convenient for everyday digital use; SVG stays sharp when a designer scales it for a poster or sign. Either format can fail if it is cropped, recolored or printed too small, so scan the final artwork.

Classic is a sensible starting point. Advanced styles can add brand color and optional poster elements while keeping the QR readable. A QR that is easy to scan is more useful than one with the most decoration.

Put this guide to work

Start with Classic, then customize and test the final PNG or SVG.

Design a QR in Studio