QR Code Best Practices: Size, Placement, and Design
Most QR codes fail not because the technology doesn't work — but because of poor design choices. Follow these guidelines to maximize scan rates.
A QR code that nobody scans is just visual clutter. Whether you're printing materials for a restaurant, a trade show, or a retail display, small design decisions have an outsized impact on scan rates. Here's what the data — and our own customers — have taught us.
Minimum Size Guidelines
The minimum reliable scan size depends on expected scanning distance:
- Business cards / close range: 2 × 2 cm minimum
- Flyers and handouts: 3 × 3 cm
- Table tents / posters: 4 × 4 cm
- Outdoor / wall displays: Scale by 1 cm per 30 cm of expected distance
- Billboards: 30 × 30 cm minimum for scans from a moving vehicle
Contrast and Color
QR codes work by contrast — dark modules on a light background. The rules:
- Minimum contrast ratio: 4:1 (dark vs. light)
- Safe: black on white — always works
- Works: dark brand color on white (navy, dark green, dark purple)
- Risky: light code on dark background — invert with care, test thoroughly
- Never: similar lightness for code and background
Error Correction Levels
QR codes have built-in error correction that lets them work even if partially damaged or covered. Levels:
- L (7%): Minimal correction — smallest code, most fragile
- M (15%): Good balance for most uses
- Q (25%): Recommended for branded/designed codes
- H (30%): Use when you're adding a logo overlay
Adding Your Logo
You can overlay a logo in the center of a QR code (up to ~30% of the code area) if you use H-level error correction. This dramatically boosts brand recognition and scan intent. Test the final code on multiple devices before printing.
The Quiet Zone
QR codes require a "quiet zone" — white space around the code equal to at least 4 module widths. Scanners use this border to detect the code's edges. Cutting into the quiet zone is a common printing mistake that kills scan reliability.
CTA Text: The Most Underused Tool
Add "Scan for menu," "Scan to save 20%," or "Scan to watch" near your code. Codes with clear CTAs see 40–60% higher scan rates than codes with no context. The CTA removes the decision-making friction.
Testing Checklist Before Printing
- ✅ Scan with iPhone (native camera app)
- ✅ Scan with Android (Google Lens)
- ✅ Test in dim lighting
- ✅ Test with a fingerprint smudge on the code
- ✅ Verify landing page loads on mobile data (not just WiFi)
- ✅ Check landing page loads in under 3 seconds