QR Code Best Practices: Size, Colors, and Placement
You've generated a QR code. But if it's too small, the wrong color, or placed badly โ nobody will scan it. A perfectly good QR code can get zero scans because of bad design choices. Here are the rules.
1. QR Code Size: The 10:1 Rule
The golden rule: minimum QR code size = scanning distance รท 10. For every 10 units of distance, the QR code should be at least 1 unit wide.
| Scanning Distance | Minimum QR Size | Typical Use |
|---|---|---|
| 15 cm (6 in) | 1.5 ร 1.5 cm | Business card |
| 50 cm (20 in) | 5 ร 5 cm | Table tent, flyer |
| 1 m (3.3 ft) | 10 ร 10 cm | Poster, window sign |
| 3 m (10 ft) | 30 ร 30 cm | Billboard, storefront |
| 10 m (33 ft) | 100 ร 100 cm | Large billboard |
2. The Quiet Zone (White Border)
Every QR code needs a quiet zone โ a white margin around all four sides. The minimum quiet zone width is 4 modules (roughly the width of 4 small squares in the QR pattern).
In practice: add at least a 10% margin around your QR code. For a 5 cm QR code, that's 0.5 cm of white space on each side. Without it, phone cameras may confuse the QR code boundary with nearby text or graphics.
3. Color: High Contrast Only
- Must: Dark foreground on light background. The contrast ratio should be at least 4.5:1.
- Best: Black on white. Highest contrast, maximum scan reliability.
- OK: Dark blue on white, dark green on light yellow.
- Never: Light colors on dark backgrounds (inverted), red on green, yellow on white, any pastel-on-pastel combination.
4. Logo in QR Code: Yes, But Carefully
Adding a logo to the center of a QR code is popular for branding. It works because QR codes have error correction โ up to 30% of the QR pattern can be damaged or covered, and it still scans.
- Use High (H) error correction level โ Allows up to 30% damage. Our generator defaults to this.
- Logo size: No larger than 15% of the QR code area. A 5 cm QR code โ logo should be under 0.75 cm.
- Always test after adding a logo. Test on iPhone and Android (at least 2 phones each) before printing.
5. Placement: Eye Level and Accessible
- Print materials: Middle-right or bottom-right of the page. Most people hold flyers with their right hand.
- Posters: At eye level (150-160 cm from the ground). Avoid bottom corners where people don't look.
- Digital screens: Center of the screen, fill at least 1/3 of the display area. A tiny QR in the corner of a slide will be missed.
- Storefront: Next to the door handle or at window height โ where people naturally pause.
- Product packaging: On the back or side, not the front (unless it's the primary call-to-action).
6. Print Material Considerations
- Matte finish > glossy โ Glossy paper creates glare that blocks phone cameras. Matte paper or lamination is far more scannable.
- Outdoor: Use UV-resistant ink. Sunlight fades most inks within weeks. A faded QR code is unscannable.
- Curved surfaces: QR codes on bottles, cans, or curved signs may distort. Keep the QR on the flattest surface area.
Generate properly formatted QR codes with correct error correction. No signup.
Create QR Code โ