How to Add a Logo to a QR Code (Without Breaking Scannability)

A branded QR code with your logo embedded in the center looks professional and increases scan rates compared to plain black-and-white codes. But there's a technical constraint you must understand: error correction.

Why Logos Work in QR Codes

QR codes use Reed-Solomon error correction — the same algorithm used in CDs. This allows QR codes to recover from damage or data loss. Error correction level H (High) can recover 30% of the code's data. This means you can cover up to 30% of the QR code area with a logo and it will still scan correctly.

The Safe Zone Rule

Your logo should cover no more than:

• Level L: 7% of the code area (very small logo)
• Level M: 15% of the code area
• Level Q: 25% of the code area (sweet spot for logos)
• Level H: 30% of the code area (maximum)

The logo should be centered in the QR code. This is the area with the most redundant data, and error correction can reconstruct it most reliably.

Design Guidelines for Logo QR Codes

• Use error correction level Q or H when adding a logo
• Keep the logo under 30% of the total code area
• Use a white or light background behind the logo to separate it from the QR pattern
• Avoid placing logos in the three corner squares (finder patterns) — these are critical for scanning
• Test the final code on multiple devices before printing

Colour and Contrast

QR codes don't have to be black and white. You can use brand colors as long as there's sufficient contrast between dark modules and light background. Rule of thumb: the dark modules should have at least 3:1 contrast ratio against the background. Don't invert (light on dark) without testing — some scanners struggle.

Generate branded QR codes with our QR Code Generator.