Creating QR Codes with a Logo: Best Practices for Readability and Branding

Why a logo in the QR code works

QR codes have error correction built in. This lets scanners read the code even when a portion is damaged or covered. Four error correction levels are defined in the standard:

| Level | Tolerance | Use case | |---|---|---| | L (Low) | 7% | Clean printed materials without logo | | M (Medium) | 15% | Standard for most uses | | Q (Quartile) | 25% | With logo, normal conditions | | H (High) | 30% | With logo, in harsh environments |

A centrally placed logo blocks about 10–20% of the module area at normal size. With error correction level Q or H, the code stays reliably scannable.

Ground rules for logos in QR codes

1. Logo only in the center — never on the corners

The three large squares in the corners (finder patterns) are critical. Without them, the scanner can't orient the code. So place the logo strictly in the center.

2. Cover at most 20% of the code area

A logo should occupy about 15–20% of the total area. For a 30 mm code, that's at most 6–8 mm logo width. Anything more risks read errors.

3. Choose error correction Q or H

For any logo code: level Q (25%) at minimum, H (30%) when print quality or visibility is challenging (dark substrate, curved surface).

4. Logo on a white background

Even if your logo is transparent, place it on a white area 1–2 modules wide from the surrounding code matrix. Otherwise the logo "sticks" to the code and disrupts recognition.

Color in the QR code

A QR code doesn't have to be black on white. But there are clear rules:

What works

• Dark foreground on light background — the classic, always reliable
• Colored foreground (brand color) on white background — works as long as color contrast is high
• Light modules on dark background — inverted. Works on most modern scanners, but not all older devices

What doesn't work

• Light modules on light background — too little contrast, many scanners fail
• Red foreground on green background — complementary colors, poor contrast
• Gradients across the whole code — modules blur together

Rule of thumb for contrast

Imagine your code in black and white. If a light background has a clearly darker foreground (luminance difference > 40%), the color version works too.

Rounded modules and stylized designs

Modern generators offer rounded corners, dot modules, star shapes etc. These are technically allowed, as long as:

• The module size is preserved
• The modules don't overlap
• The finder patterns are not stylized (keep them square)

For stylized modules, we recommend error correction Q or H.

Minimum print sizes

The most important measurement when printing a QR code is the module width — how big is a single black-or-white square?

• Mobile scans (posters, flyers): at least 0.4 mm per module
• Industrial scanners (warehouse, logistics): at least 0.25 mm per module
• Auto-scan from a car at distance: at least 1.5 mm per module

For a typical QR code (version 4, 33×33 modules), that gives a minimum size of about 15 mm × 15 mm for mobile scan. For dynamic codes (shorter URLs = fewer modules), often 20 mm × 20 mm is already comfortable.

Quiet zone — the white border

A white border of at least 4 module widths must remain around every QR code. Without this "quiet zone", scanners have trouble reliably separating the code from the background.

Practical tip: at 0.4 mm module width, that's a 1.6 mm border. Always print at least 2 mm border for safety.

Common mistakes with logo QR codes

1. Logo too big — covers more than 25% of modules, code unreadable
2. Error correction too low — level L or M with logo, code partially unreadable
3. Logo over finder patterns — scanner can't orient the code
4. Gradient instead of clear modules — contrast lost
5. No white border around the logo — logo "merges" with the code matrix
6. Quiet zone forgotten — code too close to the print edge

Frequently asked questions

How do I test if my logo QR code is readable?

Print the code at target size (don't just check on screen!) and scan with at least three different devices: an iPhone, an Android phone, and a tablet. If all three scan reliably on the first attempt, the code is production-ready.

What file format should the code be in for print?

For print materials always export as vector (SVG, PDF), not PNG. Vectors stay sharp at any size. QRTool exports SVG and PDF by default.

Does a QR code work on any surface?

In principle yes — but reflective surfaces (glossy paper, foils, glass, stainless steel) can confuse scanners. For reflective materials, choose error correction H and test in practice.

Can I embed a product photo in the code (instead of a logo)?

Theoretically yes, but the same rules apply as for logos: max. 20% area, white border, error correction H. Complex photos in a QR code reduce readability strongly — simple symbols work better.

Verdict

A QR code with a logo is technically straightforward as long as three rules are followed: error correction Q or H, logo in the center with max. 20% area, white border around the logo. Get these right and you have a branded QR code that scans as reliably as the black-and-white standard — and looks on-brand.