Did you know? A QR code that scans instantly on a designer’s laptop may fail on a glossy poster, a restaurant sticker or a school worksheet. You might blame the phone, but the real problem could be something as ordinary as missing white space, tiny squares or an attractive logo covering important parts of the pattern.
Quick answer: a reliable QR code needs clearly distinguishable modules, intact structural patterns, sufficient surrounding margin and a suitable physical size for the intended scanning distance. Colours, logos and decoration can make a code attractive, but may also make it harder to read. Good QR design is not just how the image looks—it is how consistently real people can scan it.
The 30-second guide
- Use a stable destination: shorten unnecessary URL clutter and choose a web address you can maintain.
- Generate a standards-conforming code: select a suitable version and error-correction level.
- Keep the quiet zone: ordinary QR codes require a clear margin four modules wide around the symbol.
- Make modules distinct: maintain strong contrast and avoid blur or distortion.
- Keep decoration restrained: logos and artwork must not undermine readable code structures.
- Test the final object: scan the actual print or screen using several devices and real conditions.
Why the empty margin is part of the technology
Look closely at an ordinary QR code. A white area separates the outer modules from surrounding artwork. This is the quiet zone. It may look like a border added merely for style, but it helps a scanner recognise where the code begins and ends.
DENSO WAVE, the company behind QR code technology, states that an ordinary QR code needs a clear margin four modules wide on every side. A module is one of the small light or dark cells making up the grid.
Now imagine a designer places a black frame directly against the pattern, crops it to the last row of cells or surrounds it with tightly packed text. The camera can struggle to distinguish the symbol from the neighbouring design. The underlying message may be perfectly encoded while the printed object fails the first step: recognising the code.
Step 1: Choose what the code will actually store
Before styling a QR code, decide what it should contain. A website link is a common choice, but a code can also contain other kinds of data. The amount and type of information affect how densely the symbol must be drawn.
For a school revision poster, compare a long video address with tracking parameters against a clean page that the school controls. A shorter stable link may let the generator use a less dense pattern, which can be easier to print with readable module sizes.
However, be careful about using an unknown URL-shortening service just to shrink a square. If the service disappears, the printed QR code may continue to scan but lead to an error—or perhaps a destination you no longer control. Reliability includes long-term ownership.
Step 2: Understand the modules before choosing a print size
Ordinary Model 2 QR codes have different versions, with different numbers of modules. A larger version contains more cells. If two symbols are printed at the same overall width but one has more cells, that code’s individual modules will be smaller.
DENSO WAVE explains that readable print size depends on both symbol version and module dimensions, as well as the printing and reading devices. There is no single minimum printed dimension that will work for every QR code, at every scanning distance and on every material.
Imagine a QR code on a business card and another one on a billboard. The scanning distance and display conditions are entirely different. You should design for the circumstances in which people actually encounter the code, not the zoom level of the original design file.
Step 3: Keep strong, predictable contrast
The classic dark-on-light pattern is popular for a reason. Scanning software needs to distinguish a grid of darker modules from lighter spaces. Weak contrast, complex photo backgrounds, gradients running across individual cells or reflective surfaces can reduce the quality of that distinction.
A pale pastel symbol on an equally pale card may look elegant to a designer but remain difficult for a camera. A dark code on a strongly contrasting plain background is usually a safer starting point.
Inverted designs—light modules on a dark background—may work with some scanners, but not all. Do not assume that one successful scan proves the design will be equally reliable across every phone or dedicated scanner. Test the final design with representative devices.
Step 4: Why adding a logo can be risky
Many companies place a brand mark in the middle of their QR code. It can make a poster look more recognisable, and some codes remain readable because of their built-in error-correction data. But the logo is also hiding part of the symbol.
Standard QR codes use a mathematical mechanism called Reed–Solomon error correction, with familiar levels L, M, Q and H. Higher levels reserve more codewords to help a decoder recover certain damaged or misread data. That redundancy is useful, but it is not a guarantee that any particular logo size or location will be safe.
A common misunderstanding is that level H lets a designer cover exactly 30% of the image. The familiar recovery approximation concerns codewords under the standard’s error-correction model, not blanket permission to obscure thirty per cent of the printed area. Position, size, code structure and other damage all matter.
A logo that crosses a critical finder or alignment pattern may create much more trouble than the same-sized obstruction over ordinary data modules. If a brand mark is essential, generate the entire design carefully and test it under real conditions rather than treating a percentage as a universal rule.
Step 5: Do not stretch the squares
A QR code should be treated as a grid, not a decorative picture to squeeze into any available rectangle. Stretching it horizontally or vertically changes the expected shape of the modules. Image-resizing software can also blur edges if a small bitmap is enlarged.
DENSO WAVE lists distortion introduced by image processing among the causes of unreadable QR codes. For printed designs, using a clean vector representation where supported—or a bitmap created at sufficient final resolution—helps preserve the edges.
Be careful with mock-ups too. A skewed code that looks stylish on a screen may be perfectly readable in the source file but unreliable after the poster is photographed from a second angle. Real printing, lamination and lighting can magnify design weaknesses.
A poster, a product label and a phone screen behave differently
- Paper worksheet: photocopying can make fine modules fill in or disappear; avoid excessive density.
- Glossy restaurant sign: reflections and fingerprints can hide modules; consider surface finish and placement.
- Outdoor notice: sunlight, weather and physical damage can degrade the label over time.
- Product packaging: curvature, folds and tiny print space affect what the camera sees.
- Phone screen: low brightness, cracked glass and another camera’s focus can affect recognition.
The same source QR image can perform differently in every one of these settings. The practical task is to test the final artifact, not merely the computer-generated file.
Step 6: Make scanning understandable to readers
A perfect QR code can still be a poor communication tool. If a poster says only Scan me, readers cannot tell what they are agreeing to open. A more helpful label would be Scan for the lesson’s worked examples, Scan to view the current exhibition audio guide or Scan to check official charity information.
The label also supports safer decisions. A customer expecting a café menu should question an unexpected banking login page. A student expecting a science explanation should not be surprised by a site asking for sensitive personal information.
A short visible address, when appropriate, can offer an alternative for readers whose device cannot scan. Make it clear who publishes the destination. A QR code is a navigation aid, not a replacement for accessible text.
Accessibility is part of QR design
Not everyone can scan a printed symbol. People may have a visual impairment, an older camera, shaky hands, no mobile data or difficulty using a smartphone. A public service should not hide all essential information behind a code.
For a school or public notice, keep the core explanation on the sign and provide an alternative route such as a readable URL or staff assistance. For multimedia, support relevant captions, transcripts and accessible web navigation. A well-designed code should make information easier to reach, not create a new barrier.
A simple quality-assurance routine before publishing
- Check the payload: scan it and verify the exact intended URL or data.
- Check the destination: confirm that the page is active, accurate, accessible and on a trusted domain.
- Check the quiet zone: preserve the four-module margin for an ordinary QR code.
- Check geometry: avoid stretched, blurred or partly cropped modules.
- Check several readers: use different phones and, where relevant, the specialised scanner that visitors will actually use.
- Check realistic conditions: photocopy, laminate or display the final item and test at the intended distance.
- Check later: keep a record of where printed codes are deployed so links can be maintained.
A five-minute experiment for students
Create one QR code containing a harmless short message. Make four test prints: a clean black-on-white version, a version with a reduced margin, a version with poor contrast and a version stretched into a rectangle. Keep the overall print size as comparable as practical.
Ask students to test each print using the same device and distance. Repeat under different lighting. Record whether the camera recognises the code quickly, slowly or not at all. Avoid pretending that one scan is conclusive: repeated trials reveal variability.
For a second experiment, print the clean version at two sensible sizes. Discuss how physical module dimensions affect readability. This is an exercise in measurement, fair testing, visual design and engineering trade-offs.
Why ongoing maintenance matters
Even the best printed design can fail months later if its linked site moves or the owner loses control of the domain. A QR code on a museum sign, warranty card or classroom worksheet may remain in use long after a digital service changes.
Publishers should keep a record of each code, its destination, its expected audience and a person responsible for it. Check the links before the next printing batch and whenever important content is updated.
A code that opens a website successfully but displays outdated or misleading information has not delivered a reliable reader experience. Scanning is only the first step.
Questions readers often ask
Can I use any colours in a QR code?
Colours are possible, but the dark and light modules must remain easy for intended scanners to distinguish. Strong contrast and realistic testing are more important than decoration.
How much white border does a QR code need?
For an ordinary QR code, DENSO WAVE specifies a quiet zone four modules wide on every side. Related QR variants can have different requirements.
Will adding a logo always break a QR code?
No. Some designs still scan, but reliability depends on how much and where the symbol is obstructed, the correction level and real reading conditions.
What is the best QR code size for printing?
There is no universal dimension. Version, individual module size, print quality, scan distance and reader all matter. Test the final print.
The idea to remember
The best QR code is not the most decorative one; it is the one that works reliably for the people who need it. Preserve its readable structure, explain where it leads and maintain the destination after printing.
Learn more with Why QR Codes Have Different Sizes and Versions, Why a Damaged Code Can Still Scan and Why Cameras Can Read Tilted and Rotated Codes.
Sources and further reading
- DENSO WAVE: Calculating QR Code Area and Quiet Zones — dimensions and four-module margins.
- DENSO WAVE: Generating QR Codes — module size and printing considerations.
- DENSO WAVE: Examples of QR Reading Problems — distortion, cropping and overlapping artwork.
- DENSO WAVE: Error Correction Feature — the meaning and limits of correction levels.
- DENSO WAVE: FAQ — version, printing and symbol-size guidance.
Explore the How QR Codes Work series
Explore the foundations of QR codes and follow the technology into the services that people use every day.
Reading, design and reliability
- How a Square Stores Words, Links and Numbers
- Why a Damaged Code Can Still Scan
- Static vs Dynamic QR Codes Explained
- Scan Safely and Spot QR Code Scams
- Why Cameras Can Read Tilted and Rotated Codes
- Why QR Codes Have Different Sizes and Versions
Everyday applications and systems
- How Scan-to-Pay Connects to Banks and Wallets
- How Event Tickets and Check-In Prevent Reuse
- Share Wi-Fi Without Typing a Password
- How Product Packaging Connects to Digital Information
- Share Contacts and Calendar Events Without Typing
- How Authenticator Apps Set Up Two-Step Verification
- From Restaurant Menus to Kitchen Orders
- How Parcel Lockers Verify Collection and Returns
- How a Phone Signs In to a Computer
- Museums, Exhibits and Public Information
- Boarding Passes and Airport Gate Scanning
- Warehouse Inventory and Stock Tracking
- CDC Vouchers and One-Time Redemption
- Classroom Attendance and Singpass E-Attendance
- Verify Digital Certificates and Education Records
- Library Books, Borrowing and Digital Catalogues
- Digital Receipts and Warranty Registration
- School Worksheets, Homework and Learning Videos
- Hospital Visitor Passes and Clinic Check-In
- Cross-Border Payments and Currency Conversion
- Food Traceability, Batch Numbers and Recalls
- Train Tickets, Fare Gates and Contactless Cards
- Charity Donations and Safer Giving in Singapore
- EV Charging Stations and Payment Sessions
- Equipment Maintenance and Inspection Records