Adding a Logo to a QR Code Without Breaking It

A logo in the middle of a QR code is possible, common and occasionally a very bad idea. The difference between the two comes down to how much of the code you are willing to destroy, and whether you test the result before committing it to five thousand printed menus.

Why a logo is technically allowed at all

QR codes are built with redundancy. The data is encoded with Reed–Solomon error correction, which means the scanner can reconstruct the original message even when part of the pattern is missing or unreadable. Four levels exist, roughly as follows:

• L (Low) — recovers about 7% of the codewords.
• M (Medium) — about 15%. The usual default.
• Q (Quartile) — about 25%.
• H (High) — about 30%, the level you want if a logo is going in the middle.

That percentage is the budget you are spending. Cover 10% of the modules with a logo on an M-level code and you have used most of your margin on decoration, leaving almost nothing to absorb a scuff, a fingerprint or a slightly blurry print.

How much of the code can the logo cover?

A conservative and reliable target is no more than about 10% of the total area, even at error correction level H. In linear terms that means the logo should be roughly 20–25% of the width of the code, centred. Push past 30% of the width and failure rates climb steeply, especially on older phones and in dim light.

There is a second, subtler constraint. Error correction works on codewords, which are distributed through the pattern rather than grouped together. Concentrating all the damage in one central block is the least efficient way to use your budget, because it wipes out whole codewords instead of scattering partial damage across many. This is why a small logo behaves far better than the same area spread as a wide horizontal band.

Never touch these three things

Three finder patterns — the large squares in the top-left, top-right and bottom-left corners — are how the scanner locates and orients the code. Cover or distort any of them and the code effectively stops existing, regardless of error correction level. Keep the logo well inside the centre and away from them.

The same goes for the quiet zone: the empty margin around all four sides, ideally at least four modules wide. A logo in the centre is fine; a logo bleeding off the edge is not.

Also leave the timing patterns alone. These are the alternating single-module lines running between the finder patterns. They are easy to damage accidentally with a wide or off-centre graphic.

Contrast still beats creativity

The single most common branded-code failure is not size, it is contrast. A mid-grey logo on a code, or a pale brand colour on a white background, drops the difference between light and dark modules below what the camera's thresholding can reliably separate.

Keep the modules dark and the background light. If you want brand colour, tint the dark modules towards your brand hue but keep them dark — a deep navy or a dark purple scans almost as well as black, while a pastel does not. Avoid inverting the code entirely (light modules on a dark background); some scanners handle it, many do not, and phone cameras in particular struggle with it.

Give the logo a plate

Put a solid, opaque, light-coloured background panel behind the logo, sized a module or two larger than the logo itself. This does two useful things: it keeps the modules around the logo clean and square rather than having them collide with irregular artwork, and it guarantees contrast behind the graphic even if the logo itself has transparent or low-contrast regions. A simple white rounded square behind a logo is the single highest-value trick in branded QR design.

Colour, gradients and rounded modules

Rounded module corners and small stylistic tweaks are generally safe because they do not move the centre of each module — the scanner samples the middle. Gradients are riskier: if the gradient runs from dark to light across the code, the light end may fall below the contrast threshold. If you must use one, keep the whole gradient within the dark half of the range.

Be careful with logos that have fine detail. A logo with 1-pixel strokes will disappear or turn to noise once the code is printed at 25 mm and photographed from 30 cm. Simplify the artwork to its boldest shape before you place it.

Test it properly

Do not rely on one successful scan. Run this checklist on the final exported file, not the design mockup:

• Scan with an iPhone and with an Android phone, using each device's native camera app.
• Scan from the real distance — a poster code from two metres, a menu code from arm's length.
• Print it at the real size on the real stock, then scan the print, not the screen.
• Try it in dim light and under a bright lamp.
• Cover a corner with a thumb and try again. If it fails, your error correction budget is gone.

If it fails any of these, shrink the logo first. That is almost always the fix, and it costs you less brand impact than a code nobody can scan.

FAQ

Related guides

Error correction is the mechanism that makes this possible — read QR code error correction explained before choosing a level. For physical sizing of the finished code, see the print sizing guide; if a branded code refuses to scan, the troubleshooting guide isolates the cause; and for placement and calls to action, campaign best practices covers the rest.