How do I put my store logo in the middle of a QR code without breaking it?

Why the code still works with a logo on it

A logo in the middle really does wipe out some modules, so the phone reads incomplete data. What saves it is error correction: spare data that lets the reader rebuild what is missing. At level H that capacity is about 30% according to the QR specification, but it covers all damage together, and any later scratch or fading eats into the same budget. So the logo should be well below that limit.

The steps

1. Open the QR code generator and paste your full store link; the shorter the link, the better.
2. Set the error correction level to H. A link like https://example.com takes 19 bytes of the 1,273 available at that level and gives a symbol 29 modules wide.
3. Download SVG, or a large PNG such as 2048 pixels, the maximum the tool allows.
4. Prepare the logo on a white or transparent background, and shrink it if needed with the Image resizer.
5. Open the code in your design software and centre the logo exactly, covering only a small area in the middle.

Where never to put the logo

• Over the three large squares in the corners. Readers use them to find the code and work out its orientation.
• On the blank frame around the code. That quiet zone separates the code from the rest of your design.
• In a color close to the modules without a clear border, because the reader may take it for part of the pattern.

Once it is placed, scan the final version with an iPhone and an Android phone from different distances, and check that the text you get matches the 'What is stored inside the code' box in the tool. If either phone hesitates, shrink the logo; one lucky scan is not enough.