How to create QR code with a picture

2019-01-09

It's no longer a novelty to see a pixel QR barcode on the product packaging. Although it is more complicated than a regular bar code with stripes and it is undoubtedly more reliable. The technology of QR codes contains redundancy (duplication of information) and a checksum. Therefore, even with 30 percent code corruption, it can be read. And the checksum ensures that it is read correctly.

This code safety margin allows you to read it to various mobile devices, with low resolution cameras or in low light (falling shadows).

Due to the fact that the resolution of modern cameras on mobile devices is quite high, the redundancy of the code is no longer so relevant, so the placement of the image inside the code has become fashionable. Typically, this is a company logo. But it may be a small text. For example, the URL of the site, encoded in this code. This will let you know the contents of the code, without a scanner (smartphone).

Typically, images or text are placed in the center of the code, to emphasize attention. A QR code decorated with a logo is perceived quite differently. He draws attention.

The picture is not included in the code, it is superimposed on top after the formation. The main condition - the image can overlap up to 30% of the code, no more.

FastReport.Net has a wide range of barcodes. Of course, among them there is a QR code. Let's take an example. Create an empty report and add a Barcode component of the QR Code type to the report page.

 

Code value: www.fast-report.com.

And now create a Picture object and upload a picture with a logo:

 

Reduce its size and place it in the center of the QR code:

 

Let's try to read this code scanner on your smartphone. Nothing comes out. But why, because the image does not overlap the code by more than 30%?

The point is that the QR code has an error correction setting - this is the degree of code redundancy. By default, it is set to the minimum value.

 

Select the H value for this parameter. The code has changed. Also changed the size of the code. Therefore, you need to center the logo image on it. If you are unable to place the image exactly in the center with the mouse, try holding down the Ctrl key and using the arrows on the keyboard move it in the desired direction. Let's try now to read the code scanner:

 

Now the code was read instantly. And here is an example with text on top of a QR code:

And it also works without any problems.

Although the branding of QR codes deteriorates the resistance to damage, this trend is gaining more and more popularity. After all, it is stylish and attractive.

For more information about using a QR code in FastReport.Net, you can get to the article: https://www.fast-report.com/en/blog/103/show/.

 

.NET .NET FastReport FastReport Barcode Barcode QR Code QR Code
23 de setembro de 2025

Como exportar um relatório do FastReport .NET para JPEG / PNG / BMP / GIF / TIFF / EMF

Neste artigo, veremos como exportar relatórios do FastReport .NET de maneira fácil e eficiente em JPEG, PNG, BMP, GIF, TIFF e EMF.
09 de setembro de 2025

Como criar um relatório em PDF no FastReport Cloud

Neste artigo, veremos um exemplo de exportação de um relatório para o formato PDF usando o FastReport Cloud, um serviço SaaS para armazenar, criar e exportar documentos.
10 de julho de 2025

Komu Monta y Konekta o Plugin Firebird na FastReport .NET

Neste artigo, vamos passar pelo processo de construção e conexão do plugin Firebird no FastReport .NET através do designer de relatórios e via código.

© 1998-2025 Fast Reports Inc.