QR code with a logo: best practices that keep it scannable

A QR code with your logo in the middle looks more professional.

It can also increase scan confidence.

But it is easy to break the code.

Because a QR code is not an image.

It is a grid of data modules.

Cover the wrong modules, and scanners cannot decode the payload.

This guide gives you the rules that actually matter so you can add a logo and still get reliable scans.

TL;DR

Use a short payload (redirect URL) so the QR stays less dense.
Use error correction level H when you add a logo.
Keep the logo centered and small.
Never touch the finder patterns (the three big corner squares).
Keep high contrast and a clean quiet zone.
Test in realistic conditions before you print 10,000 flyers.

Why logos break QR codes

A QR code works because scanners read specific patterns:

finder patterns (three corners)
alignment patterns (for bigger codes)
timing patterns
data modules

A logo typically covers the center of the code.

If the logo is too large or placed off-center, it will cover critical modules.

Even if the code still scans on one phone, it can fail on:

older phones
low light
glossy prints
when the camera is moving

Step 1: Keep the payload short

The single best move is to avoid long URLs.

A long URL makes the QR pattern denser.

A denser pattern means:

smaller modules
less margin for blur
harder scanning at distance

If you want tracking, use a short redirect.

Related: QR redirects best practices

Step 2: Use the right error correction level

If you add a logo, use error correction level H.

Error correction adds redundancy so scanners can recover missing modules.

Important: higher error correction can make the code denser.

So this only works if you keep the payload short and print large enough.

Step 3: Logo sizing rules that usually work

A safe baseline:

keep the logo area under 15% of the QR code area
start smaller than you think

If your QR code is already dense, reduce the logo size further.

If you must use a big logo, print the QR code larger.

Step 4: Logo placement rules

Put the logo in the center.
Keep it symmetrical.
Avoid pushing it toward any corner.

Do not overlap:

the three corner finder patterns
the quiet zone

Those parts exist for detection.

They are non-negotiable.

Step 5: Keep contrast high

Designers love subtle colors.

Scanners do not.

Your QR code should have:

dark modules
light background

Avoid:

light gray modules
gradient fills
inverted QR codes (light modules on dark background)

If you need custom styling, follow conservative design rules.

Step 6: Protect the quiet zone

The quiet zone is the blank border around the code.

It is how scanners know where the code ends.

If you remove it, you increase scan failures.

Related: QR quiet zone explained

Step 7: Print size matters more than you think

Logos reduce scannability.

Small prints also reduce scannability.

Combine both, and you get failures.

Before you print, check size vs scan distance.

A practical testing protocol (do this every time)

Test like a skeptical customer.

Export the design at final size.
Print one copy using the same printer and paper.
Test on at least 3 phones:
- iPhone camera
- Android camera
- one older device if you can
Test in bad conditions:
- low light
- glare
- at an angle
- from the expected distance

If it fails once, it will fail in the wild.

Common mistakes

Making the logo too big

If your logo needs to be huge, use a different tactic:

place the logo above the QR code
add a caption like "Scan to order"

Using an opaque white box behind the logo

A white box can be fine.

But if it is too large, it creates a dead zone.

Keep it tight around the logo.

Putting the QR code on a busy background

Busy backgrounds reduce contrast.

Use a solid color block behind the code.

Using a glossy surface

Gloss causes glare.

If you must use gloss, increase size and test more.

How QRShuffle helps

QRShuffle makes it easy to generate QR codes that match your brand without breaking scans.

You can:

create clean, short links for your QR payload
choose safe settings for scannability
iterate quickly and test before printing

CTA: Create your branded QR code at https://qrshuffle.com