How a logo fits without breaking the code
QR codes include error correction: redundant data that lets a scanner reconstruct missing parts. A logo in the middle deliberately covers some modules, and error correction fills the gap. When you add a logo we automatically raise error correction to High (about 30% recoverable) and clear the modules behind the image so edges stay crisp.
Keep the logo to roughly 20 to 35% of the code width. Bigger looks bold but starts to fail on older phones. The size slider lets you find the balance, and the live preview updates as you drag.
Design choices that still scan
Styling is where most branded codes go wrong. A few rules keep them readable:
- Dark modules on a light background. Inverted codes fail in some camera apps.
- Keep contrast high: a mid-grey on white is risky, your brand's darkest color usually works.
- Rounded and dot modules are fine; the three corner squares are what scanners lock onto, so keep them clearly visible.
- Don't remove the quiet zone margin, especially when placing the code on a busy background.
- Use a frame with short text such as SCAN ME or MENU. It tells people what they'll get, which increases scans.
Formats for every use
Pro unlocks SVG for designers and print shops (infinitely scalable, editable in Figma or Illustrator), PDF for sending straight to a printer, and PNG up to 4000 px for large-format prints. The logo is embedded in every format. All of this is a single $4.99 payment. There is no watermark on free or paid codes.