Feature · Logo

Logo Embedding

Put your mark at the heart of the code.

How it works

Logo Embedding

A logo in the middle of a QR code does two things at once: it tells people the code is genuinely yours, and it makes the code far more inviting to scan. Because QR codes carry error correction, a sensibly sized center logo doesn't stop them working.

Q≤ 20% area+ high ECC
Step 01

Upload your logo

Add a PNG, JPG or SVG. Transparent PNGs sit most cleanly over the code.

Business cards→Packaging→Marketing→
Step 02

Size it safely

Keep the logo under about 20% of the code's area. The generator raises the error-correction level so the surrounding modules can absorb the covered data.

Business cards→Packaging→Marketing→
Step 03

Preview and test

The live preview shows exactly how the finished code looks. Always test the result on a couple of phones before printing at scale.

Use cases

Where it delivers

Business cards

A branded vCard code that's unmistakably yours, not a generic square.

Product packaging

Reinforce brand trust at the point a customer scans for setup or registration.

Marketing collateral

Posters and flyers where the logo signals legitimacy and lifts scan rates.

Functionality

  • Center logo placement
  • PNG / JPG / SVG upload
  • Automatic error-correction boost
  • Adjustable logo size
  • Live preview of the composited result
Pro tip

Error-correction level Q or H recovers up to ~25–30% of the code, which is what lets a center logo coexist with a clean scan.

Create yours
Getting it right

Practical notes

How much of a code a logo can cover is less than you think

The usual claim is that error correction lets a logo cover up to 30% of a code. That figure comes from the highest error-correction level and from damage that is contiguous and well placed. In practice, a centred logo at the error-correction level most generators ship starts to cause failures far sooner. Keep a logo small, keep it centred, and always test the exported file with a real phone.

Centre it, and keep the corners clear

The three large squares in the corners are what a camera uses to find and orient the code. The dotted line between them is the ruler it measures against. A logo overlapping any of those is not recoverable by error correction, because that data is structural rather than payload. The centre is the safest place because it is furthest from all of it.

Give the logo a quiet margin

A logo pressed straight against the surrounding modules blurs the boundary the decoder is looking for. A small band of background colour around the logo helps the scanner separate your mark from the data, and usually looks better anyway.

Questions

Common questions

Will adding a logo stop my QR code working?

Not if it is small and centred. Error correction can rebuild a limited amount of obscured data. The risk rises quickly with size, so treat the logo as an accent rather than a centrepiece and test the result.

What file format should the logo be?

PNG with transparency or SVG. Both keep clean edges at any size. A JPEG logo brings its own white box and compression artefacts into the middle of your code.

Should I use a logo on a very small printed code?

No. On a business card or a bottle neck the modules are already near the limit of what a camera can resolve. Adding a logo removes margin you do not have. Save branding for the frame around the code.