How can a QR code still work with a logo on it?
QR codes contain built-in redundancy called error correction. At the highest level (“H”), up to about 30% of the code can be covered or damaged and it will still scan. When you add a logo, we automatically switch to level H and clear the dots behind the logo so it sits cleanly in the middle.
Best practices for branded QR codes
- Keep the logo small. Around 20–30% of the code width is the sweet spot. Bigger logos look nice but can stop the code from scanning.
- Use dark dots on a light background. Brand colors are fine as long as the contrast stays high.
- Don't invert it. Light dots on a dark background won't scan on some phones.
- Always test. Scan the final file with at least two different phones before you print thousands of copies.
Your logo stays private
Your logo is processed in your browser and never uploaded to our servers.
Choosing a logo file
- Use a square version of your logo, such as your app icon or social media avatar. A wide wordmark becomes tiny when it fits in the middle.
- A transparent PNG or an SVG looks cleanest. A JPG works, but its background box will show.
- Simple shapes read better at small sizes than detailed artwork or thin text.
Logo size and the clear area
The Logo size slider goes from 15% to 45% of the code’s width. Around 25 to 30% looks balanced and scans well. Larger sizes are possible because error correction is at its highest, but leave room to spare: wear, glare and small prints use up the same margin. With Clear dots behind logo on, the dots under the logo are removed so its edges stay crisp.
Matching your brand
Set the QR colour to your darkest brand colour and keep the background white or very light. Rounded and dot styles look softer; square styles look more technical. Whatever you choose, scan the final download, not just the preview.