QR codes are deceptively simple — you generate a pattern, print or display it, and users point their phones at it. But the difference between QR codes that get scanned thousands of times and QR codes that fail silently comes down to size, contrast, error correction, and placement details that are invisible in the generator UI but critical in the real world. The sections below cover the design rules that make codes reliably scannable across devices, how to safely add a logo without breaking the code, the color combinations that boost engagement without hurting scan rates, and the size-to-distance formula that determines how large your code actually needs to be printed.
Design for Scannability
The most common QR code failure is printing too small for the expected scan distance, and no amount of clever design can rescue a code that's physically too small to resolve. A QR code should be at least 2cm × 2cm (roughly 0.8 inches) for close-range scanning like business cards and table tents, 5cm × 5cm for flyers and product packaging, and 25+ cm for posters or billboards viewed from across a room. The general rule of thumb: minimum QR size equals expected scanning distance divided by 10, so a code scanned from 5 meters away needs to be at least 50cm on a side.
Beyond size, contrast between foreground and background is the second most important factor. Dark modules on a light background is always more reliable than the reverse because phone cameras and scanner apps are trained primarily on dark-on-light patterns — inverted codes (light modules on dark background) work on some devices but fail on others. Maintain at least a 4:1 contrast ratio (the same standard used for WCAG accessibility text), and leave a quiet zone of at least 4 modules of clear space around the code edges. Without that quiet zone, scanners struggle to identify the code boundaries even on an otherwise perfect design. Always test printed codes on 3+ different phones before committing to a large print run.
Adding Logos Safely
You can place a logo in the center of a QR code by using error correction level H (30% recovery), which allows the scanner to reconstruct the pattern even when up to 30% of the data is obscured or damaged. The logo should cover no more than 20–25% of the total code area, and it should be centered precisely because off-center logos disrupt the finder patterns (the three large squares in the corners) that scanners use to orient themselves. Logos that touch or overlap the finder patterns will break the code regardless of error correction level.
Always test scannability after adding a logo on multiple devices because some scanner apps handle damaged codes more aggressively than others — iOS Camera is generally more forgiving than Android's default camera, and third-party apps like Google Lens are the most forgiving. A code that works on iOS may fail on Android if the logo is pushed too large. If branding is critical and you need a larger logo, consider using a frame or border around the code with the logo placed outside the QR area — this preserves 100% scan reliability while still associating the code with your brand.
Color Theory for QR Codes
While black-on-white QR codes are the most reliable option, custom colors can boost scan engagement by 30–40% because branded codes feel more trustworthy and intentional than generic black squares. The critical rule is that the foreground (the pattern itself) must be significantly darker than the background to preserve contrast — any dark color on any light background generally works, but light-on-dark inversions are risky and should be validated extensively before use. Navy on cream, dark green on white, and deep burgundy on pale yellow all perform reliably on almost every device.
Neon colors and pastel gradients look great on digital screens but frequently fail when printed because CMYK printing desaturates the vivid RGB tones designers see on screen. Always request a printed proof before committing to a large marketing run. Use the Scan Quality meter in this generator to validate any color combination before deploying, and err conservatively for print campaigns where you won't be able to test each placement individually. For outdoor or high-humidity environments, also increase error correction to Q or H to compensate for fading, UV damage, and moisture-related contrast degradation over time.
Print Size Guide
The ideal print size depends primarily on scanning distance, and using the wrong formula produces codes that either waste print real estate (too big) or fail to scan (too small). The practical formula: divide the expected scanning distance by 10 to get your minimum QR size. A billboard scanned from 20 meters needs a 2-meter QR code at minimum; a poster in a subway scanned from 2 meters needs 20cm; a business card scanned from 30cm needs 3cm; a product package scanned from 50cm needs 5cm. Add 20% padding to these minimums for reliable first-try scanning across different phones and lighting conditions.
Always export at the highest resolution available from the generator and use SVG format for any print work because SVG is a vector format that scales to any size without pixelation — a single SVG file can be used on a business card and a billboard without regenerating the code. PNG is fine for digital use but degrades when scaled up for print. For outdoor installations subject to weather, use laminated prints or weatherproof vinyl with UV-resistant inks, and plan to refresh codes every 2–3 years because pigment fade degrades contrast over time and silently reduces scan rates.