How to Add a Logo to a QR Code (Step-by-Step)
A branded QR code gets scanned more than an anonymous square, because a logo in the centre tells people the code is yours and safe to trust. The good news is that adding a logo to a QR code is mostly a matter of respecting a few numbers: how much of the code you can cover, what error-correction level to use, and how to keep contrast high. This is a reference for getting those numbers right.
The error-correction levels, and which one a logo needs
A QR code can survive having part of it covered because it is built with redundancy. That redundancy is the error-correction level, and there are four of them:
| Level | Data recovery capacity | Typical use |
|---|---|---|
| L | about 7% | clean digital display only |
| M | about 15% | general printing |
| Q | about 25% | small logos, mild wear |
| H | about 30% | logos, outdoor, scuffed surfaces |
For a logo, you want Level H. It lets the most of the code be obscured while still reconstructing the data. Good generators, including QRapid, switch to H automatically the moment you add a logo, so you rarely set this by hand, but it is the reason a logo does not break the code.
How big the logo can be
The single most common mistake is making the logo too large. The covered area has to stay inside what the error-correction level can rebuild, so treat these as hard limits:
| Logo size (share of code area) | Result |
|---|---|
| under ~1/7 | safe but the logo gets hard to see |
| ~1/5 to ~1/4 | the reliable sweet spot |
| over ~1/3 | scanning starts to fail |
Keep the logo centred, since that is where the code carries the most redundancy. Generators centre it for you; if you ever composite a logo by hand in an image editor, use guides to align it exactly.
What the logo file should be
The logo file quality matters more than people expect, because a poor file distorts the modules around it. Aim for:
- Format: PNG with a transparent background, so no white box appears around the mark.
- Resolution: at least 300 DPI for print; 72 DPI is fine for digital-only.
- Shape: square or circular marks sit inside a code more cleanly than wide landscape logos.
- Simplicity: fine detail turns muddy at small sizes, so use the symbol-only version of a complex logo rather than one with text.
The contrast rules that keep it scannable
Adding a logo usually goes with adding colour, and colour is where good-looking codes quietly fail. Scanners detect the difference between dark modules and a light background, so contrast is non-negotiable:
- Keep dark modules on a light background. Black, dark blue, or deep green on white all scan reliably.
- Never pair colours below a roughly 3:1 contrast ratio, light grey on white and yellow on white are classic failures.
- Avoid inverting to a light code on a dark background. It can work, but many scanner apps struggle with it, so test extensively before committing.
When brand colours and scannability pull in different directions, function wins. A beautiful code that does not scan is useless.
The actual steps, start to finish
With the numbers understood, the process takes a couple of minutes:
- Open a generator that supports logo upload, applies Level H automatically, previews the result, and exports high resolution. QRapid’s free QR code generator does all of this with no account.
- Choose the code type and enter the destination (a URL, menu link, Wi-Fi, and so on).
- In the customisation options, upload your prepared transparent PNG.
- Set the logo size with the slider, staying in the 1/5 to 1/4 range.
- Preview to confirm it looks clean and centred.
How to test before you print
This is the step people skip and then regret on a print run. Before committing, scan the finished code on both an iPhone and an Android, in bright daylight and dim indoor light, at the size it will actually be printed, and from an angle rather than only head-on. If it fails, the logo is almost always too large, so shrink it slightly and test again.
For the download itself: use SVG or a PNG of at least 1000 by 1000 pixels for print, and a 500 by 500 PNG for digital. SVG scales without losing quality, which matters for anything bigger than a business card; for help choosing, see QR Code PNG vs SVG: Which Format to Download and When.
Where a branded code is worth the effort
A logo is not always necessary, but in a few contexts it measurably changes how a code performs, because it answers the silent question “where does this lead, and can I trust it?”
On restaurant table tents, a code carrying the venue’s mark tells a seated customer the menu link is genuinely theirs, not a sticker someone slapped on top, a real concern given how often QR codes get tampered with in public. On event tickets and wristbands, the event logo reassures attendees that the schedule or landing page is official. On retail packaging, a brand icon on a code leading to setup videos or a loyalty sign-up keeps the experience feeling like part of the product rather than an afterthought. On a business card, a small monogram on the code ties it to the rest of your identity. And on a donation code, an organisation’s logo visibly raises donor confidence at the moment someone decides whether to scan. In each case the logo is doing trust work, which is exactly why the contrast and size rules above matter: a branded code that fails to scan undoes the very confidence it was meant to build.
Two numbers people still get wrong
Even after the logo is right, two sizing errors trip people up. The first is printing the whole code too small, keep it at or above 2 cm by 2 cm for close-range scanning, and scale up proportionally for posters; a QR code size guide for printing gives the dimensions by distance. The second is pointing a static code at an unstable URL: the code works forever with no subscription, but a destination that later breaks makes it a dead end just the same.
Adding a logo needs no design software and no account. Open QRapid’s free QR code generator, upload your logo, set the size inside the safe range, keep contrast high, and download a print-ready branded code in a couple of minutes.