Expert ReviewedUpdated 2025design
design
8 min readFebruary 6, 2025Updated Jan 22, 2026

QR Codes Best Practices: Design, Contrast, and Placement

Make QR codes that scan reliably every time. Learn about contrast, sizing, quiet zones, error correction, logos, and placement for print and digital.

QR codes are everywhere—restaurant menus, product packaging, business cards, event tickets, and marketing campaigns. But a surprising number of QR codes fail to scan reliably. This guide covers the technical and design factors that make QR codes work consistently across devices, distances, and lighting conditions.

Key Takeaways

  • 1
    Maintain high contrast (70%+)—black on white is most reliable
  • 2
    Size codes appropriately for scanning distance (10mm per meter is a good rule)
  • 3
    Keep quiet zones of at least 4 modules on all sides
  • 4
    Use Q or H error correction when adding logos; keep logos under 15-20% of area
  • 5
    Test with multiple devices at the actual distance and lighting before printing

1Anatomy of a Scannable QR Code

A QR (Quick Response) code encodes data in a 2D pattern of dark and light modules. Scanners rely on specific elements to read the code correctly.
Essential QR code components
ElementPurposeRequirement
Finder patternsThree large squares at cornersMust be clearly visible and high contrast
Alignment patternsSmaller squares for perspective correctionEssential for larger codes
Timing patternsAlternating modules between findersHelps determine module size
Quiet zoneClear margin around codeMinimum 4 modules on all sides
Data modulesEncoded contentMust not be obscured or distorted
The finder patterns (the three big squares) are how scanners orient the QR code. Never obscure these—even with a logo.

2Contrast, Size, and Quiet Zone

These three factors cause most QR scanning failures. Get them right and your codes will work reliably.
  • **Contrast ratio** – Dark modules on light background. Aim for 70%+ contrast ratio (black on white is best).
  • **Inverted codes** – Light on dark works but scans slightly slower. Avoid very dark backgrounds.
  • **Avoid patterns** – Don\
  • ,
QR code sizing guide
Scanning DistanceMinimum SizeUse Case
Up to 30cm (1ft)2cm × 2cmBusiness cards, product labels
30cm–1m (1-3ft)3-4cm × 3-4cmMenus, flyers, packaging
1-3m (3-10ft)5-10cm × 5-10cmPosters, window displays
3-10m (10-30ft)15-30cm × 15-30cmBillboards, banners

The Quiet Zone

The quiet zone is the blank margin around your QR code. Without it, scanners can\

3Error Correction Levels

QR codes include redundant data so they can be read even when partially damaged. Higher error correction allows for more damage—or lets you add a logo—but creates more complex (denser) codes.
Feature
L (Low) – 7%
Minimal redundancy. Simplest code, smallest size, but fails if damaged.
M (Medium) – 15%
Default for most generators. Good balance of size and reliability.
Q (Quartile) – 25%
Recommended for print. Handles wear and tear well.
H (High) – 30%
Maximum redundancy. Best for logos but creates denser codes.
Recovery Rate7%15%25%30%
Best Used ForClean environmentsGeneral usePrint materialsIndustrial/outdoor
Logo SupportNot recommendedSmall logos possibleSafe for centered logosBest for logos
Use Q or H level when adding a logo. The logo should cover no more than 10-20% of the code area, centered, and never touch the finder patterns.

Adding Logos to QR Codes

Branded QR codes with logos look professional but require careful implementation to remain scannable.

Safe Logo Integration

1

Use high error correction

Set error correction to Q (25%) or H (30%) before generating the code.

2

Size logo appropriately

Keep logo to 10-15% of total QR area (20% max with H level).

3

Center the logo

Always place logo dead center. Never near edges or finder patterns.

4

Add a clear border

Put a small white or light border around the logo so it doesn't blend into modules.

5

Test extensively

Scan with 5+ different devices in varied lighting before finalizing.

Common Logo Mistakes

Don't use complex multi-color logos. Don't stretch or rotate the QR code. Don't place logo over finder patterns (the big squares). Don't use transparent logo backgrounds on dark modules.

5URL Structure: Clean vs Trackable

The data you encode affects QR code density. Shorter URLs create simpler, more scannable codes. But marketing often requires tracking parameters.
URL strategies for QR codes
ApproachExampleProsCons
Clean URLexample.com/menuSimple QR, trustworthy look, fast scanNo tracking
UTM parametersexample.com/menu?utm_source=poster&utm_medium=qrFull analyticsComplex QR, long URL visible
Short linkexm.pl/menu-posterSimple QR, tracking behind redirectDepends on shortener uptime
Dynamic QRqr.example.com/abc123Can change destination, full trackingRequires QR management service
For print materials, consider a custom short domain (e.g., your-brand.link) with redirects. You get clean QR codes plus full tracking, and you control the redirect if the destination changes.

Create Your QR Code

Generate high-quality QR codes with custom colors, logos, and error correction levels.

Open QR Generator

6Placement and Testing

Even a perfectly designed QR code fails if placed poorly. Consider the scanning environment.
  • **Surface material** – Matte surfaces work best. Glossy creates reflections; textured obscures modules.
  • **Lighting** – Ensure adequate light. Avoid direct sunlight causing glare or deep shadows.
  • **Viewing angle** – Place at eye level for posters. Avoid extreme angles (tables, floors).
  • **Movement** – Don\
  • t pause to scan.

Pre-Launch Testing Checklist

1

Test the print proof

Don't just test on screen—scan the actual printed proof.

2

Use multiple devices

Test with at least 3-5 different phones (iOS, Android, various ages).

3

Test at target distance

Scan from the distance users will actually be at.

4

Test in expected lighting

If it's for outdoor use, test outdoors.

5

Verify the destination

Make sure the URL loads correctly on mobile and the page is mobile-optimized.

Digital vs Print

For screen-displayed QR codes (presentations, digital signage), ensure the display doesn\

Frequently Asked Questions

What’s the minimum size for a QR code?
For handheld scanning (phone held 20-30cm away), 2cm × 2cm is the minimum. For every meter of scanning distance, add about 1cm to the size. A billboard meant to be scanned from 5 meters should be at least 7-8cm.
Can I use colored QR codes?
Yes, but maintain high contrast. Dark modules should be significantly darker than light modules. Avoid color combinations that are hard for colorblind users (red/green). Black on white remains most reliable.
Will my QR code still work if part is damaged?
Depends on error correction level. With L (7%), even small damage can break it. With H (30%), up to 30% can be damaged or covered (including by a logo) and it will still scan. Q (25%) is a good default for print.
Do QR codes expire?
Static QR codes (containing a URL directly) never expire—they’re just encoded data. Dynamic QR codes that use a redirect service may expire if the service stops working or you stop paying.
How do I track QR code scans?
Use UTM parameters in your URL for Google Analytics tracking, or use a URL shortener with analytics. For advanced tracking, use a dynamic QR service that logs scans with device info and location.