Are there any ways to put the logo in the middle of the QR code and make the QR still work?

[Sreng Pagna]

Hi guy

Are there any ways to put the logo in the middle of the QR code and make the QR still work, like in the picture?

Thank you.

[thomaso]

For instance https://www.qrcode-monkey.com

In Affinity you can try different logo sizes/positions (don't cover the 3 squares in the corners) and trust the error correction that is performed when reading the code. There are 4 levels of error correction capability: https://en.wikipedia.org/wiki/QR_code#Error_correction

Quote

The number of data versus error correction bytes within each block depends on (i) the version (side length) of the QR symbol and (ii) the error correction level, of which there are four. The higher the error correction level, the less storage capacity. The following table lists the approximate error correction capability at each of the four levels:

Level L (Low)	7% of data bytes can be restored.
Level M (Medium)	15% of data bytes can be restored.
Level Q (Quartile)[79]	25% of data bytes can be restored.
Level H (High)	30% of data bytes can be restored.

[Sreng Pagna]

1 hour ago, thomaso said:

For instance https://www.qrcode-monkey.com

In Affinity you can try different logo sizes/positions (don't cover the 3 squares in the corners) and trust the error correction that is performed when reading the code. There are 4 levels of error correction capability: https://en.wikipedia.org/wiki/QR_code#Error_correction

I'm sorry, I am a bit confused since I am not really understand much about how QR work. Do you mean I should lower the opacity of the logo?

[thomaso]

Just now, Sreng Pagna said:

Do you mean I should lower the opacity of the logo?

No, reduced opacity would make both less readable, the logo + its underlaying qr-code pixels.

I rather mean just placing a logo on the qr-code, for instance on 3 copies of the code + 3 different logo sizes, then test the three qr-code designs in a realistic display size to see which one works best work (e.g. shot with a smart phone).

[Sreng Pagna]

17 hours ago, thomaso said:

No, reduced opacity would make both less readable, the logo + its underlaying qr-code pixels.

I rather mean just placing a logo on the qr-code, for instance on 3 copies of the code + 3 different logo sizes, then test the three qr-code designs in a realistic display size to see which one works best work (e.g. shot with a smart phone).

Thank you very much, I'll try it out.

[firstdefence]

Although this is not Affinity, but a dedicated barcode creator, this tutorial may help you understand the QR Code mechanism, redundancy and error correction.

https://boxshot.com/barcode/tutorials/qr-code-with-image/

[Sreng Pagna]

21 hours ago, firstdefence said:

Although this is not Affinity, but a dedicated barcode creator, this tutorial may help you understand the QR Code mechanism, redundancy and error correction.

https://boxshot.com/barcode/tutorials/qr-code-with-image/

Thank you very much. ❤️

[thomaso]

FWIW, another website with details about image on barcode and also image as barcode:  https://research.swtch.com/qart