A logo in the center means fewer modules
A QR code in your brand colors draws the eye on a flyer or a package — and it is also the easiest way to produce a code that no longer scans. Competing tutorials stop at “upload your logo”; the technical reality is more demanding. The trick works because the QR format builds in redundancy: Reed-Solomon error correction lets readers reconstruct missing or damaged modules. A central logo is not decoration — it is a deliberately destroyed zone the code has to survive.
The three hard numbers
1. Keep the logo under ~20-25% of the side
Maximum error correction (level H) tolerates about 30% of unreadable surface — but that budget also covers dirt, folds, and print glare. Keeping the logo under ~20-25% of the side leaves headroom for real-world wear. FlashScan Pro applies 22% automatically: the logo sits on a rounded white cartridge with a small breathing space, centered on the pattern.
2. Error-correction level H, no exceptions
The four correction levels tolerate roughly 7% (L), 15% (M), 25% (Q), and 30% (H) of damage. Dropping a logo on a level-M code spends the entire safety margin in one shot — the slightest crease then makes the code unreadable. In FlashScan Pro, loading a logo forces level H and locks the selector: that is correct behavior, not an arbitrary limit. The level-by-level detail is in QR code error correction: L, M, Q, H.
3. The quiet zone stays untouched
The clear band around the pattern — the quiet zone — is what lets a reader locate the code. The logo must stay strictly centered and never approach the edges. If you compose the code in a layout tool, don’t trim the white margin to “save space.”
The method, step by step
- Open the generator in standard mode and enter the content — ideally a short URL: the longer the payload, the denser the pattern, and the more every module matters.
- Load your logo (image file, up to 5 MiB). A simple, high-contrast mark survives better than detailed artwork shrunk to a few millimeters.
- Check that correction has switched to H — the app does it for you.
- Download the PNG (512 px) for everyday use. Note: the SVG export does not include the logo — for a logoed print run, generate the PNG at high resolution or overlay the logo in your layout software, following the same size rules.
Choosing the right logo file
Not all shapes survive at 22% of the code. Prefer a simple, high-contrast, nearly square mark: a monogram or pictogram holds up far better than a horizontal logotype shrunk to a few millimeters. The accepted file is an image (PNG, JPEG, WebP…) up to 5 MiB — a PNG with a transparent background gives the cleanest result on the white cartridge. Avoid detailed artwork, subtle gradients, and text inside the logo: at this size, they become noise.
The pre-print test checklist
A logoed code that scans on your phone can fail on another. Before any print run:
- Test on at least three devices: an iPhone, a recent Android, an older device. Decoders don’t all share the same tolerance.
- Test at real distance: the code will be scanned at usage distance — 8 inches on a flyer, a yard on a display.
- Test under degraded conditions: low light, slight blur, angled view. The logo has already spent the error budget; there’s none left for the rest.
- Print one copy and scan it before launching the thousand: screens are more contrasted than paper, especially in four-color process.
- If the code must also be colored, apply the QR code contrast rules on top — logo and colors compound the risks.
What the generator does behind the scenes
Worth knowing what’s technically happening when you load a logo in FlashScan Pro: the QR code is rendered at a larger size (512 px), then the logo is composited on a white rounded cartridge at the center — the logo itself takes 22% of the code’s side, plus a small padding so it never touches the modules directly. The cartridge is deliberate: it isolates the mark from the pattern so the decoder’s binarization still sees clean module edges right up to the logo’s boundary. The whole composition happens on a canvas in your browser — your logo file never leaves the device.
When to skip the logo
A logo isn’t always the right call. If the code must print very small (a business card under 0.8 in), if the substrate is textured or curved, or if scanning will happen from a distance, reliability wins: a clean code without a logo plus a branded caption next to it converts better than a branded code nobody can read. The logo is a marketing bonus; scannability is the product.