How to Add Your Logo to a QR Code Without Breaking It: Logo Size, Error Correction, and Testing (2026)

30. juuli 2026, kell 10:36Tabres Team

qr code with logo add logo to qr code qr code logo size branded qr code qr code error correction

A logo in the middle of a QR code doesn't break it. Dropping the wrong logo, at the wrong size, on the wrong spot does.

Short answer: to add your logo to a QR code safely, do four things. Generate the code at error correction level H (repairs up to 30% damage). Keep the logo to 20% of the code's width — 25% is the absolute ceiling. Put it dead center, never over the three big corner squares. And give the logo a solid backdrop so no pattern shows through behind it. Then scan the finished code on an old cheap phone before you print anything.

That's it. Everything below is the detail that stops you printing 300 table tents with a beautiful code nobody's camera can read.

Why a logo doesn't break a QR code

QR codes were designed to be damaged. That's the whole trick.

Every code carries spare copies of its own data, spread across the pattern. So if part of it is scratched, splashed with coffee, or covered by your logo, the scanner rebuilds the missing bits from the spares. It's the same reason a slightly torn parking ticket still scans.

How much damage it survives depends on one setting: the error correction level. There are four.

Level	Repairs up to	What it's for
L	7% damage	screens only, shortest possible links
M	15% damage	the default in most generators — fine with no logo
Q	25% damage	busy places, laminated cards, light branding
H	30% damage	anything with a logo in the middle

Most free tools default to M. If you paste a logo over an M-level code, you're spending repair capacity you never bought. It'll probably still scan on your new iPhone in daylight. It'll fail on a three-year-old Android at dinner service, and that's the phone that matters.

Set it to H first, then add the logo. Not the other way round.

The 20% rule: how big your logo can actually be

Here's where nearly every guide gets sloppy. "Level H repairs 30% damage" gets read as "so my logo can cover 30% of the code." It can't.

A logo that covers 30% of the area would be about 55% of the code's width — a huge square swallowing the middle. That code is dead.

The 30% figure counts data blocks, not picture space. And a solid blob in one spot is the worst kind of damage, because it wipes out whole neighbouring blocks instead of scattered dots. You also want spare repair capacity left over for real life: ink spread, a smudge, glare, a phone held at an angle.

So work in width, and use this:

Logo width vs code width	Area it covers	Verdict
10%	1%	bulletproof, works at any level
15%	2.3%	very safe, scans fast
20%	4%	the sweet spot at level H
25%	6.3%	the ceiling — test it properly
30%	9%	risky, short links and big print only
40%+	16%	expect it to fail somewhere

In plain numbers: on a 2-inch printed code, your logo should be about 0.4 inches wide. It looks smaller than you want. It scans every single time, which is the actual goal.

If your brand mark genuinely needs more presence, don't grow the logo. Grow the code, or put the logo outside the code — above it, or in a frame band underneath with your "Scan for our menu" line. A logo sitting next to the code brands just as well and risks nothing.

The parts of a QR code you must never cover

A QR code isn't a random pattern. Some of those squares are the scanner's map, and error correction can't rebuild them at all.

Think of it as four no-go zones:

The three big corner squares (top-left, top-right, bottom-left). These are the finder patterns — the "eyes". The camera uses them to spot the code and work out which way up it is. Cover one, even partly, and nothing scans. Ever.
The dotted line between the eyes. A single row and column of alternating light and dark squares runs between the corner markers. That's the timing pattern, and it tells the scanner how wide one square is. Clipping it distorts the whole read.
The thin strips wrapped around the corner squares. These hold the format info — including which error correction level you used. Damage them and the scanner doesn't even know how to repair the rest.
The small square in the middle of dense codes. Bigger codes have extra alignment squares, and on many of them one lands almost exactly where your logo wants to sit. It's not fatal like the eyes, but it costs you more than plain data would.

The good news: a centered logo at 20% width stays clear of all four. That's precisely why 20% works and why "just a bit bigger" is where things go wrong.

Give your logo a solid backdrop

This is the mistake I see most in real restaurants, and it's a two-second fix.

Do not drop a transparent PNG straight onto the pattern. Squares show through the gaps in your letters, the camera sees half-modules everywhere, and scan time triples.

Instead, knock out a clean shape and sit the logo inside it:

Use a solid box or circle in the same colour as the code's background — usually white.
Leave one module of padding between the logo and where the pattern starts again. A hair of breathing room, no more.
Match the backdrop to the actual background. White logo pad on a cream table tent looks like a mistake and reads worse.

A few more things that make a logo behave:

Use the icon, not the full lockup. Your symbol alone, not symbol plus name plus tagline. At 0.4 inches, a wordmark is a grey smudge anyway.
Kill thin lines and gradients. Hairline strokes vanish in print. Flat, chunky shapes survive.
One colour is plenty. A solid mark in your brand colour beats a detailed illustration nobody can see.
Square-ish beats wide. A long horizontal logo forces you to cover more width for the same visual weight. Crop to the symbol.

Colours break more codes than logos do

Once people start branding a QR code, the logo is rarely the thing that kills it. The palette is.

Dark pattern, light background. Always. Inverted codes — light on dark — still fail on plenty of phones and in-app scanners.
Go properly dark. Navy, deep green, charcoal, burgundy, near-black brown all work. Mid-grey, tan, pastels, and anything yellow don't have enough contrast for a camera in evening light.
Skip gradients. They look great on a moodboard and lose contrast at one end of the code.
Careful with red. Camera phones usually cope. Some older laser scanners and in-app readers don't.
The photocopy test: print the code in black and white. If the pattern still reads clean and sharp, your colours are fine. If it turns to porridge, they aren't.

And leave the module shapes alone. Rounded corners and dot-style patterns are having a moment in 2026, and they do look sharp — but every softened edge costs you a little contrast. Rounded modules plus a big logo plus a mid-tone brand colour is three risks stacked on one square inch.

Keep the link short — it buys you logo room

Here's the connection nobody points out. Your link length decides how much logo you can get away with.

A QR code is a grid. More data means more squares packed into the same space, and smaller squares mean your logo covers far more of them.

At level H:

tabres.com/bella builds a 29 x 29 grid. Chunky, forgiving squares.
The same link with tracking tags bolted on builds a 53 x 53 grid.

Print both at 2 inches and the second code's squares are nearly half the width. Your 0.4-inch logo now sits on roughly three times as many modules. Same logo, same size, completely different survival odds.

So before you touch the design:

Use your shortest URL. A clean domain and a short path is worth more than any clever print trick.
Use a dynamic code for tracking. The code holds a short redirect; the tracking happens server-side. You also get to change the destination later without reprinting.
Don't stuff text into the code. Wi-Fi codes are already dense — one reason Wi-Fi QR codes for restaurant tables work best with a short password. A logo on top of a long Wi-Fi password is asking for trouble.

Print a logo code bigger than a plain one

Level H needs more squares than level M for the same link. More squares at the same print size means smaller squares. So a branded code needs more room than a naked one.

Rule of thumb: print a code with a logo 20 to 30% larger than you would without one.

For hospitality, that lands here:

Where it goes	Plain code	With a logo
Business card, loyalty card	0.8–1 in	1.2 in
Printed menu, flyer, receipt	1–1.5 in	1.5–1.8 in
Table tent	1.5–2 in	2–2.5 in
Takeaway bag, cup, packaging	1.2–1.8 in	1.8–2.2 in
Wall poster	4–6 in	5–7 in
Window decal, A-frame	6–10 in	8–12 in

Three print details that matter just as much:

Keep the quiet zone. The blank margin around the code is four modules wide and it is not decoration — the scanner uses it to find the edges. Don't crop it, and don't sit the code on a food photo.
Choose matte, not gloss. Glare is the number one scan killer in evening restaurant lighting, and a laminated table tent under a spotlight is a mirror.
Export big enough. Multiply the print width in inches by 300 for the pixels you need — a 2.5-inch table tent code wants a 750-pixel file minimum. For full sizing detail, what size a QR code should be has the whole chart.

The 60-second test that saves a reprint

Never send a branded code to print off the back of one successful scan on your own phone. Your phone is the best-case scenario.

Run this instead:

Print one copy at real size, on the real material. Not office paper. The actual card, the actual finish.
Scan with the oldest, cheapest phone in the building. Borrow one from a kitchen porter. A budget Android from 2022 tells you more than a new iPhone ever will.
Scan from an in-app camera, not just the native one. Instagram, WhatsApp, a banking app. In-app scanners are noticeably fussier, and plenty of guests will use them.
Test in your real lighting. Dinner service, dim bulbs, candle on the table — not 11am with the blinds open.
Hold it at an angle, 30 to 45 degrees, from where a seated guest actually sits. Nobody holds a phone square to the table.
Scan it through the plastic sleeve if it's going in a menu holder. That extra layer of glare is real.
Only then print the run.

If it hesitates for more than a second at any step, shrink the logo by 5% and test again. That's almost always the fix.

How to make one, and what to watch for

Three routes, in order of how likely you are to end up with something that works.

1. A QR generator with logo support. The safest path, because it handles the hard part — it bumps error correction, keeps the logo clear of the finder patterns, and re-renders the whole code around your mark instead of pasting over it. Look for logo upload, foreground and background colour, an error correction setting (or an explicit promise it uses H), and high-resolution export with no watermark.

Most QR menu platforms include this now. Tabres, for example, generates codes with your logo dropped into the centre, your own foreground and background colours, and optional frames with custom text like "SCAN ME" — exported as PNG at five print sizes from 256 up to 4096 pixels. Whatever you use, the checklist is the same.

2. A design tool, carefully. Canva, Figma, Illustrator, Photoshop. Perfectly fine — but generate the base code at level H somewhere else first, then place your logo on top with a solid pad. Never take an M-level code and cover the middle. And keep the code perfectly square when you scale it; squash it 5% to fit a layout and it's finished.

3. A random free website. Fine for a one-off. Just check three things before you commit it to print: no watermark stamped on the code, a download big enough for print, and — most importantly — that it's not a "free" dynamic code on a trial clock. Codes that die when a trial expires are the single most common reason a QR code menu suddenly stops working. A watermark-free free QR code generator with permanent codes is worth the two minutes it takes to find.

One last habit: keep a plain version on file. Some surfaces are just hostile — napkins, receipt paper, tiny stickers, engraved wood, fabric. On those, print the code without the logo. Nobody has ever complained that a receipt wasn't branded enough.

Mistakes that break a branded QR code

The full list, in the order they happen:

Leaving error correction at L or M and pasting a logo on anyway.
Making the logo 30, 40, 50% of the width because it "looks better big".
Covering or clipping one of the three corner squares.
Using a transparent logo so the pattern shows through the letters.
Cropping the white quiet zone to make the layout tidier.
Inverting it — light code on a dark background.
Using a mid-tone or pastel brand colour with weak contrast.
Baking a 90-character tracking link into the code, then adding a logo.
Printing it the same size as a plain code instead of 20 to 30% bigger.
Gloss lamination under a spotlight.
Stretching the code out of square to fit the design.
Testing on one new phone, in good light, and calling it done.

Frequently asked questions

Does adding a logo break a QR code? No, if you do it properly. QR codes carry built-in error correction, so a small covered area gets rebuilt from spare data. Generate at level H, keep the logo under 20% of the code's width, and keep it off the three corner squares.

How big can a logo on a QR code be? About 20% of the code's width, with 25% as the hard ceiling. That's roughly 4 to 6% of the total area. On a 2-inch printed code, that's a logo around 0.4 inches wide.

What error correction level do I need for a logo QR code? Level H, which repairs up to 30% damage. Level Q (25%) can work for a very small logo, but H costs you nothing except a slightly denser code — and you print it bigger anyway.

Can I add a logo to any QR code? To any code you can regenerate, yes. You can't safely add one to a code that already exists at level L or M, and you can't add one to a code that's already printed. Regenerate at H and reprint.

Can I add a logo to a QR code for free? Yes. Plenty of generators and most QR menu platforms include logo upload at no cost. Check for watermarks, export resolution, and whether the code is permanent before you print a run.

Should the logo be a transparent PNG? No. Give it a solid backdrop in the code's background colour, with about one module of padding. Transparency lets the pattern show through and confuses the camera.

Can I use a photo instead of a logo? Technically yes, practically no. Photos have low contrast and busy edges, and at 0.4 inches nobody can tell what it is. Use a flat, single-colour symbol.

Why does my logo QR code scan on my phone but not on a guest's? Because your phone is the best case. New cameras, good light, and the native camera app are far more forgiving than a three-year-old Android using an in-app scanner in dim light. Shrink the logo, raise contrast, and print bigger.

Does a logo make a QR code slower to scan? Slightly — the decoder has extra repair work to do. At 20% width you'd never notice. If you can feel the pause, the logo is too big.

Can I put my logo on a Wi-Fi QR code? Yes, but Wi-Fi codes are dense because they carry the network name, the password, and the encryption type. Keep the password short and the logo small, and print it a size up.

Can I put a logo on a QR code menu? Absolutely, and it's the single best place for one. It tells guests the code belongs to your restaurant and not a sticker someone slapped on the table. If you haven't built one yet, here's how to create a QR code menu for free.

Does a branded QR code affect tracking or analytics? No. The logo is purely visual — the link inside is unchanged, so scans, sources, and traffic reports work exactly the same.

PNG or SVG for a logo QR code? PNG for most print jobs, at 300 DPI. SVG or PDF for anything large-format, because vector shapes stay razor sharp at any size.

A branded QR code is worth the effort. A plain black square looks like something a stranger stuck on the table. Your logo in the middle says this is us, this is safe, scan it — and guests genuinely scan branded codes more readily.

Just respect the three numbers. Level H. 20% width. 20 to 30% bigger in print. Solid backdrop, dark on light, quiet zone intact, tested on the worst phone in the building.

Get those right and you'll never have to choose between a code that looks like your restaurant and a code that actually works.