How To Make a QR Code With a Logo
The rules that let you drop a brand logo into the center of a QR code without breaking the scan, including a plain-English explanation of error correction.
Quick Answer
Use error correction level H, keep your logo centered, and limit its size to no more than 20 percent of the QR code area. Always scan the finished code with two different phones before printing or sharing.
Table of Contents
A QR code with a logo in the middle looks professional and builds trust because users recognize your brand before they scan. The surprising part is that it works at all: you are literally covering part of the code. The reason it works is error correction, a clever feature baked into the QR format. Here is what you need to know to do it right.
How QR error correction works
QR codes include redundant data so scanners can recover information even when part of the image is damaged or obscured. The technical name for the math behind this is Reed-Solomon error correction. If you want to dive into the algorithm, the Reed-Solomon Wikipedia article is thorough.
In plain English: every QR code carries extra bytes beyond the actual message. When the scanner reads the code, it compares the raw data against the extra bytes and reconstructs any missing pieces. Up to a point, the code works even with sections torn, smudged, or covered by a logo.
That tolerance is exactly what makes logo embedding possible. A logo is just controlled damage. As long as the damage stays below the error correction threshold, the scanner stitches the data back together and the code opens the destination normally.
Picking the right correction level
QR codes support four error correction levels:
- L (Low): recovers from up to 7 percent damage
- M (Medium): recovers from up to 15 percent damage
- Q (Quartile): recovers from up to 25 percent damage
- H (High): recovers from up to 30 percent damage
For a QR code without a logo, level M is the typical default and works fine. For a QR code with a logo, always use level H. The extra tolerance gives you room to cover part of the pattern without breaking the scan. Our dynamic QR code generator automatically uses level H when you add a logo.
The tradeoff is that higher error correction produces denser patterns because the extra redundancy takes space. A level H code has slightly more modules than a level L code with the same URL, which means the individual modules are smaller. You may need to print the code a little larger to compensate.
Logo size and placement rules
Even with level H error correction, you cannot just slap a huge logo on top of the code. Two rules matter:
Rule 1: Keep the logo under 20 percent of the QR area. Level H tolerates up to 30 percent damage, but you want a safety margin. 20 percent gives you reliable scanning even if print quality varies. If the logo is too big, even a slightly faded print can push past the error correction limit and fail.
Rule 2: Place the logo in the exact center. The three corners of a QR code hold position markers that scanners use to find the edges and orientation. Covering those markers will always break the scan. The center is the only safe spot.
Keep the logo simple. High-contrast logos with clean edges work better than photographic logos with gradients. If your logo is complex, consider using a simplified monogram version just for the QR code.
Step-by-step: adding a logo
Here is the process using our generator:
- Open our dynamic QR code generator and paste your destination URL.
- Select error correction level H if the option is exposed. Our tool does this automatically when you upload a logo.
- Upload your logo as PNG or SVG. Transparent backgrounds work best.
- Resize the logo so it covers no more than 20 percent of the QR code area.
- Center it horizontally and vertically over the QR code.
- Preview the result and scan it with your phone before downloading.
- Download as SVG for print or PNG for digital use.
The whole process takes about three minutes once you have the logo file ready.
Testing and troubleshooting
After you add a logo, test the code before you commit to printing anything. Scan it on at least two phones, ideally one iPhone and one Android, and confirm that both read it quickly and open the correct destination.
If the code fails to scan, try these fixes in order:
- Shrink the logo by 10 to 20 percent and test again.
- Make sure error correction is set to level H.
- Use a logo with a solid color background so the edges are clean.
- Increase the overall QR code size when printing, so each module has more room.
- Check that the logo is centered and not covering a corner marker.
For background on the QR format and the role of error correction, the Wikipedia QR code article is a good companion read. And if you want to measure how your logo version performs compared to a plain version, pair the codes with our dynamic QR code with tracking feature and watch the scan counts. Sometimes a logo increases trust and scans; sometimes it confuses people. Real data will tell you which camp your audience is in.
Frequently Asked Questions
Can a QR code work with a logo on top?
Yes, thanks to error correction, as long as the logo stays small and centered.
Which error correction level?
Level H, which recovers up to 30 percent damage.
How big can the logo be?
Up to 20 percent of the QR area is safe.
Where should the logo sit?
Centered. Corners hold position markers that cannot be covered.
Do I need to test?
Always. Scan with two phones before printing.
Related Articles
Build a Branded QR Code
Upload your logo and download a scan-safe, print-ready file.
Create Branded QR