QR codes have become one of the easiest ways to connect the physical and digital worlds. They're used on product packaging, restaurant menus, business cards, marketing materials, event tickets, and payment systems.
Yet many QR codes fail for avoidable reasons. Poor sizing, low contrast, excessive branding, or incorrect placement can make a code difficult—or even impossible—to scan.
This guide covers practical QR code best practices that help maximize scan success while maintaining an attractive design.
Why QR Code Design Matters
A QR code is only useful if people can scan it quickly.
Even a perfectly generated QR code may fail when:
- It is printed too small.
- Colors blend into the background.
- A logo covers too much of the pattern.
- The quiet zone is removed.
- It is placed where users cannot comfortably scan it.
Following proven design practices significantly improves scan rates and creates a better user experience.
Choosing the Right QR Code Size
Size is one of the most important factors affecting scan performance.
General Rule
A simple rule is:
Scanning Distance ÷ 10 = Minimum QR Code Size
Examples:
|
Scanning Distance |
Recommended QR Size |
|
20 cm (8 in) |
2 × 2 cm |
|
50 cm |
5 × 5 cm |
|
1 meter |
10 × 10 cm |
|
5 meters |
50 × 50 cm |
Recommended Minimum Sizes
Business Cards
Minimum:
- 20 × 20 mm
Recommended:
- 25 × 25 mm
Flyers
Recommended:
- 25–35 mm
Posters
Recommended:
- 40–70 mm
Store Windows
Recommended:
- 80–150 mm
Billboards
Often:
- 300 mm or larger
Always consider the expected viewing distance.
Maintain Strong Color Contrast
High contrast is essential.
The scanner identifies the difference between dark modules and a light background.
Best Practice
- Dark QR code
- White background
Examples:
✔ Black on white
✔ Navy on white
✔ Dark green on white
Avoid:
- Light gray on white
- Yellow on white
- Pastel colors
- Metallic gradients
Using Colors Without Hurting Scanability
Brand colors are perfectly acceptable if readability remains high.
Good combinations include:
- Dark blue on white
- Dark green on cream
- Burgundy on white
- Dark purple on light gray
Avoid:
- Neon colors
- Low-contrast combinations
- Busy image backgrounds
- Transparent backgrounds
If using a colored background, ensure sufficient contrast between the QR code modules and the background.
Branding Your QR Codes Safely
Custom QR codes increase recognition and trust.
You can customize:
- Logo
- Frame
- Colors
- Rounded modules
- Custom eyes
- Call-to-action text
Example:
Instead of displaying a plain QR code, add:
Scan to View Menu
or
Scan for 20% Off
This encourages users to scan.
Logo Guidelines
Keep the logo:
- Centered
- Small
- Under 20–30% of the code area
Generate the QR code with a higher error correction level when adding logos.
Print Placement Best Practices
Placement affects usability as much as design.
Business Cards
Place the QR code:
- Bottom-right
- Bottom-left
- Back side
Leave enough space around it.
Product Packaging
Avoid:
- Curved edges
- Seams
- Folding areas
Use flat surfaces whenever possible.
Posters
Position between:
- Waist height
- Eye level
Avoid placing QR codes too high to scan comfortably.
Outdoor Advertising
Consider:
- Walking distance
- Vehicle speed
- Lighting
- Glare from sunlight
Accessibility Guidelines
Accessible QR codes help more people use them successfully.
Add Clear Instructions
Instead of displaying only the QR code, include text such as:
- Scan to download
- Scan for directions
- Scan to order online
Users should know what to expect.
Maintain Adequate Size
People with limited vision benefit from larger QR codes.
Avoid Reflective Materials
Glossy surfaces can create glare that interferes with scanning.
Matte finishes generally work better.
Don't Rely on Color Alone
The QR code should remain functional even for users with color vision deficiencies.
High contrast matters more than decorative colors.
Scan Optimization Tips
Preserve the Quiet Zone
The white border around the QR code is called the quiet zone.
It should be at least four modules wide on all sides.
Removing this border often causes scanning failures.
Choose the Right Error Correction Level
QR codes support four levels:
|
Level |
Recovery Capacity |
|
L |
7% |
|
M |
15% |
|
Q |
25% |
|
H |
30% |
Use:
- Level L for simple designs.
- Level H for branded QR codes with logos or custom styling.
Keep Data Short
Long URLs produce denser QR codes.
Instead of:
https://example.com/category/products/new-arrivals/seasonal/special-offers?campaign=spring-sale&utm_source=flyer
Use:
https://example.com/menu
Or use a short redirect URL.
Simpler QR codes scan faster.
QR Code Testing Checklist
Always test before printing thousands of copies.
Test using:
- Android phones
- iPhones
- Older devices
- Different camera apps
Check under:
- Bright sunlight
- Indoor lighting
- Low light
- Different viewing angles
Verify:
- Correct destination
- Fast loading
- Mobile-friendly landing page
- HTTPS enabled
Performance Improvements
Improving the landing experience is just as important as improving the QR code itself.
Optimize Page Speed
Slow pages reduce conversions.
Compress images.
Minimize scripts.
Use caching.
Mobile Optimization
Since QR codes are scanned primarily on smartphones:
- Responsive layouts
- Large buttons
- Readable fonts
- Fast navigation
are essential.
Use Dynamic QR Codes
Dynamic QR codes let you:
- Update destinations
- Track scans
- Monitor campaigns
- Analyze locations
- Measure device usage
without changing the printed code.
Common Mistakes to Avoid
Avoid these common errors:
- Printing too small
- Low color contrast
- Missing quiet zone
- Large logos
- Complex gradients
- Distorted aspect ratios
- Stretching the QR code
- Placing it on curved surfaces
- Linking to non-mobile pages
- Never testing before printing
Real-World Examples
Restaurant Menu
Good:
- 30 mm square
- Black on white
- "Scan to View Menu"
- Matte tabletop print
Result:
Fast scanning and clear user intent.
Product Packaging
Good:
- Flat side panel
- Dynamic QR code
- Brand-colored frame
- Error correction level H
Result:
Reliable scanning even with custom branding.
Trade Show Booth
Good:
- Large 150 mm QR code
- Eye-level placement
- Strong contrast
- Short URL
Result:
Visitors scan from several feet away with minimal effort.
Frequently Asked Questions
What is the minimum QR code size?
For most printed materials, use at least 20 × 20 mm, though 25 × 25 mm provides better reliability.
Can QR codes be colorful?
Yes. Dark foreground colors on light backgrounds work well. Avoid low-contrast combinations.
Can I add my company logo?
Yes. Keep the logo small and use high error correction (Level H) for better reliability.
Should I use a static or dynamic QR code?
Dynamic QR codes are generally better for marketing because you can update the destination and track performance without reprinting the code.
Why isn't my QR code scanning?
Common causes include:
- Insufficient size
- Poor contrast
- Missing quiet zone
- Excessive customization
- Damaged printing
- Incorrect placement
How many times should I test a QR code?
Test across multiple devices, lighting conditions, camera apps, and print samples before final production.
Final Thoughts
A well-designed QR code balances appearance with functionality. The best-performing codes are easy to scan, visually clear, properly sized, and placed where users can interact with them comfortably.
By following these best practices—using adequate sizing, maintaining high contrast, preserving the quiet zone, applying branding carefully, choosing accessible placements, and thoroughly testing before publication—you can improve scan reliability, increase engagement, and deliver a smoother user experience across print and digital campaigns.
Key Takeaways
- Use the correct QR code size for the expected scanning distance.
- Maintain high contrast with dark modules on a light background.
- Preserve the quiet zone around the code.
- Keep branding subtle and use high error correction when adding logos.
- Place QR codes where users can scan them comfortably.
- Test on multiple devices and under different lighting conditions.
- Optimize the landing page for speed and mobile usability.
- Consider dynamic QR codes for analytics and future flexibility.
Call to Action: Ready to create reliable, high-performing QR codes? Start by generating your QR code, test it across multiple devices, and apply these best practices before publishing or printing.