A QR code with a logo looks more trustworthy, and people scan it more readily. The trick is balancing logo size against the code's built-in recovery capacity.
Why a logo doesn't break the code
QR codes carry error correction that can reconstruct hidden data. At the highest level (H), up to ~30% of the code can be covered and still scan — so a centered logo works within a safe margin.
The three rules
- Keep the logo under 20% of the code's width — leaving headroom below the 30% limit.
- Use error correction level H — our generator switches to it automatically when you add a logo.
- Give the logo a solid backing — a transparent logo laid straight over the modules hurts readability, so the generator adds a light pad behind it automatically.
Steps
Open "More options", choose your logo file (PNG, JPEG, or WebP up to 2 MB), and adjust the size slider. The logo is processed in your browser and never uploaded anywhere.
Test thoroughly
Scan from near and far, in bright light and dim light. If scanning is intermittent, reduce the logo one step and try again.