QR Code Logo Placement: What you should avoid

QR Codes are built with some fixed elements that always show up, called Finder Patterns. There are always three such large patterns. They are used to calibrate the optical recognition process and are essential for decoding a QR Code in any position.

Depending on the size (or version) of the QR Code, other smaller finder patterns may be added. They are used in the same way to further determine the alignment of the QR Code and to compensate for perspective-induced distortions. For example, if the optical reader is not aligned in front of the QR Code.

Under no circumstances should these elements be covered with a logo! This would prevent the QR Code from being recognized. These areas are highlighted in red in the image.

Pay Attention to Some Special Data Modules

A data module is a group of small light and dark data patterns (or dots). Data modules are placed all over the QR Code and are primarily used to store the data of a QR Code. Each data module holds a basic unit of a QR Code data, but they can also be used for other data related purposes.

Here we will focus on the data modules that describe how a QR Code is built and therefore how it should be decoded. These are the areas highlighted in orange in the image.

The data modules surrounding the large finder patterns describe the encoding parameters of the QR Code. In addition, 2 data modules connecting the large finder patterns are used to determine the size of the QR Code and its elements.

Avoid covering these zones with a logo although often the QR Code will often remain readable anyway.

The rest of the QR Code area represents the data of the QR Code (highlighted in green) along with some data modules describing the data itself (like where it starts, the length, and where it ends). The data is read sequentially in blocks, botton up from left to right. There is a data redundancy mechanism built into the design of the QR Code, which can vary from 7% to 30%. QR Codes generated by QRcodeLab QR generator has 15% redundancy.

You can cover a part of this area with a logo, as long as the area of the logo does not exceed the redundancy rate of the QR Code (i.e. less than 15% of the green area!).

Hint: the QRcodeLab QR generator allows you to completely cover the QR Code with a logo of your choice.
In this case you will need to tune the transparency of the logo so that the QR Code underneath remains visible with sufficient contrast. This approach frees you from all the placement restrictions mentioned above.

This is easy to do with the QRcodeLab online QR generator, and the tools provided to handle a logo: see the full list of features to easily brand a QR Code with a logo.