QR Code Generator

How to put a logo in a QR code and still have it scan

A logo covers part of the code

The mark in the middle sits on top of modules. A phone rebuilds the missing part from spare data called error correction. If the logo is large, detailed, or placed on a busy photo, there may not be enough spare data left.

A simple mark on a plain background is the one that still scans. Leave the finder squares in the corners clear.

Set error correction to H

H keeps the most repair data and fits the least text. Q is the usual starting point. When you add a logo, move to H. L and M are a poor fit once something covers the center.

Keep the contrast and the quiet zone

The dark modules need to stay much darker than the background. A pale logo color on a pale ground is hard to read even when the pattern itself is fine.

The pale margin around the code is part of the symbol. Do not crop it, and do not run a photo up to the edge of the modules.

Scan the file, not only the preview

Download PNG for screens or SVG for print, then scan that file with a phone before you send it to a printer. A preview can look finished while the exported image is too small or too light.

ブログ