How to add a logo to a QR code
- Type the URL or text in the content box.
- Drop your logo image (PNG, JPG, or SVG) into the upload field. The image is read in your browser as a data URL — it never reaches a server.
- The logo is placed in the centre and we automatically force error-correction H (~30% damage tolerance) so the code remains scannable.
- Pick a brand color, dot style, and corner style.
- Download as PNG for digital use or SVG for print.
Why error correction matters with logos
A QR code is essentially a grid of dark and light cells. The Reed-Solomon error correction encoded into the standard means a portion of those cells can be missing or covered without breaking decoding. Levels are L (~7%), M (~15%), Q (~25%), and H (~30%). Adding a logo overlays cells, so we default to H. If your logo is small, M or Q can produce a less dense code.
Logo design tips
- Square or circular logos work best. Wide rectangles cover too many cells horizontally.
- Keep the logo to ~20% of the QR width. Bigger is risky.
- Use a logo with a solid background (white or your brand color) so it visually separates from the QR pattern.
- Always test the final code with two different scanner apps and at the actual print size.
FAQ
Does the logo image upload to your server? No. It is read by the browser into a base64 data URL and stays there.
What file formats are supported? PNG, JPG, SVG, and WebP. SVG produces the cleanest result at any scale.
The QR doesn't scan after I add the logo. Reduce logo size, increase contrast between the logo and QR, or shorten the URL so the QR uses fewer modules.
Can I use a transparent PNG? Yes, but a logo with a solid white background usually looks cleaner inside the QR.