QR Code Best Practices — Size, Color, Placement, and Testing

Error Correction: Choose Before You Design

Error correction level determines how much of the QR pattern can be damaged or obscured before the code fails to scan. Choose it before finalizing the design because it affects the code's density and therefore the minimum reliable size.

The four levels:

• L (Low) — 7% recovery: For pristine digital environments only. Clean screen display, PDF, or email. Never use for print that will be handled.
• M (Medium) — 15% recovery: Good default for most print applications without a logo.
• Q (Quartile) — 25% recovery: For print materials in light industrial settings or where occasional surface damage is expected.
• H (High) — 30% recovery: Required when embedding a logo in the center of the QR. Use for all outdoor applications and any print that will be handled repeatedly.

Rule of thumb: When in doubt, use H for print and M for digital. The density difference is small; the reliability difference is significant.

Minimum Print Sizes by Context

QR code size is the most frequent cause of scan failures in the field. The minimum size depends on the expected scan distance and the density of the code.

The 10× rule: For any context where you know the expected scan distance, the QR code should be at least 1/10 of that distance in physical size. 1 meter scan distance = 10cm minimum QR size.

For short URLs: A shorter URL creates a less dense QR pattern that scans reliably at a smaller physical size. Shorten URLs to under 50 characters before encoding for the smallest reliable size.

Color and Contrast Rules

QR code scanners detect contrast between the dark modules and the light background. Insufficient contrast causes scan failures, especially in variable lighting conditions.

Minimum contrast ratio: 3:1 between foreground (module) color and background. WCAG AA text contrast for reference is also 4.5:1 — the QR standard is slightly more permissive, but higher contrast is always better.

Dark-on-light vs light-on-dark: Dark modules on a white/light background scan fastest and most reliably. Light modules on a dark background work on modern devices but can fail on older cameras and in bright lighting conditions. If using an inverted (light on dark) QR code, increase the error correction level to H.

Colored QR codes: Using a brand color for the modules works if the contrast ratio with the background is at least 3:1. Test with an actual phone — your monitor's color calibration may make the contrast look higher than it is.

What to avoid:

• Gradient backgrounds behind the QR code
• Photo or texture backgrounds within the quiet zone
• Module color and background color that are close in luminance (both medium-brightness)
• Semi-transparent QR codes overlaid on content

Test: Take a photo of the printed QR code under the worst expected lighting condition (dim indoor light, or bright direct sun outdoors) and verify it scans. This is more reliable than testing under ideal conditions.

The Quiet Zone: Do Not Crop It

The quiet zone is the white (or background-colored) border around all four edges of the QR code. It is not decorative — it is a functional part of the code. Scanners use it to detect where the QR pattern begins and ends.

Required quiet zone: A minimum of 4 module widths on all four sides. The module width depends on the QR version — for a typical URL QR at business card size, 4 modules is roughly 2–3mm.

How quiet zone failures happen in design:

1. The QR image is placed in a design and the designer crops or masks the edges to fit a space

2. A design element (text, line, logo, color block) overlaps the edge of the QR code

3. The QR is positioned at the physical edge of a card with a bleed, and the quiet zone is cut during trimming

Prevention: Always export the QR with the quiet zone included. In the layout, ensure there is at least 3mm of clear space between the QR pattern's quiet zone edge and any other design element. Verify that bleed and trim lines do not intersect the quiet zone.

File Formats: SVG for Print, PNG for Digital

The file format you download matters for print quality.

SVG (Scalable Vector Graphics): Vector format. Scales to any size without pixelation. Recommended for all print applications. Import into Illustrator, InDesign, Canva, Figma, or any print design software. When printed at 300–600 DPI, each module has perfectly sharp edges.

PNG: Raster format. Fixed pixel dimensions. Prints cleanly if the pixel dimensions are large enough relative to the print size. At 300 DPI, a 600×600 pixel PNG prints cleanly at 2 inches (5cm) square. A 200×200 pixel PNG at the same size will be blurry. Always download at the largest pixel size offered.

PDF: Some generators export QR codes as PDFs containing embedded vector graphics. This is equivalent to SVG for print purposes.

JPEG: Never use JPEG for QR codes. JPEG compression introduces artifacts at the sharp edges of QR modules — even at high quality settings — that can cause scan failures.

Rule: SVG always, PNG at maximum resolution as the fallback, JPEG never.

Pre-Print Testing Checklist

Before committing to a print run, complete this testing protocol:

1. Scan the screen version: Before printing, scan the QR code as displayed on your monitor from a normal reading distance. It should scan in under 2 seconds. If it takes longer, identify the issue (too dense, too small, poor contrast) before printing.

2. Print a test page: Print one copy at the intended size and on the intended paper stock. Do not proof at a different size — the scan behavior at small sizes is different from large sizes.

3. Test on at least three devices: Include a recent iPhone, a recent Android, and a 2–3 year old phone (which has a less capable camera). If the 3-year-old phone fails, the code has a real-world reliability problem.

4. Test in the intended environment: If the code will be on a restaurant table, test it under typical restaurant lighting (dim to moderate indirect light). If it will be on an outdoor sign, test it in direct sunlight.

5. Verify the destination: Scan to confirm the correct destination loads, is mobile-optimized, and loads quickly on a cellular connection.

6. Test with the laminated or finished version: If the print will be laminated, apply a laminate sample and rescan. Glossy laminates can cause glare in certain lighting; matte is safer.