Field notes

Your logo, in the middle — still scannable

A logo makes a code yours. It also covers up part of the pattern. Here's how to have both: logo dead center, code still scanning on the first try.

October 28, 2026 · 4 min read

A plain QR code works. A QR code with your logo works and gets recognized — on packaging, on a business card, on a poster across the room. The catch is real, though: the logo sits on top of the pattern, and the pattern is what the phone reads. Get the balance wrong and the code stops scanning. Get it right and nobody notices the engineering — they just see your brand.

The three rules

  1. Square PNG with transparency. A square logo with a transparent background sits cleanest in the middle. A rectangular logo or a white-boxed logo wastes space and fights the pattern.
  2. Keep it under ~30% of the code area. That is the rule of thumb the generator itself uses: small enough that the remaining pattern still carries the data, big enough to read at a glance.
  3. Let error correction do its job. QR codes are built to survive damage — up to 30% of the pattern can be missing and the code still reads. When you add a logo, error correction is raised automatically so the covered middle doesn't matter.

Step by step

Make the code first — any type works with a logo: a link, a vCard, a WiFi network. Then upload the logo in the studio's logo step, size it to the middle, and download. PNG up to 2048 px for print, or SVG if you need it infinitely scalable. The logo step works with every code type, and the same logo can be applied across a whole batch.

Four mistakes that break scans

  • Logo too big. Past ~30% of the area, even error correction can't rebuild the missing data. If the logo must be big, use a shorter link — less data means a roomier pattern.
  • Low-contrast logo. A pale logo on a light code, or a logo that blends into the modules, confuses cameras. Dark logo, light background, strong contrast — same rule as the code itself.
  • Busy background behind the code. A logo code on a photo or a pattern is two fights at once. Give the code a clean, light patch to sit on, with its quiet margin clear.
  • Stretching the code. Resizing non-proportionally distorts the grid. Scale evenly so the squares stay square.

The test that proves it

Before you print a run, scan the code with two phones — one iPhone, one Android — and scan the print, not just the screen. If both read on the first try, ship it. If either hesitates, shrink the logo a notch or raise the contrast and test again. Thirty seconds here saves a reprint.

Try it: Make a QR code with your logo — free, no sign-up for static codes, no watermark.

Make your logo QR code

Upload your logo, keep it centered, keep it scannable. Free.

Open the studio

Good to know

Will my logo break the QR code?

Not if it stays under ~30% of the code area. Error correction is raised automatically when a logo is added, so the covered middle doesn't stop the scan.

What logo file works best?

A square PNG with transparency. Rectangular logos and white-boxed logos waste space and fight the pattern.

Can I use a logo with any QR code type?

Yes — link, vCard, WiFi, and every other type. The same logo can also be applied across a whole batch.

PNG or SVG for print?

PNG up to 2048 px for most print jobs, or SVG when you need it infinitely scalable, like a banner.