QRdx
HelpGuidesDevelopersReact librarySelf-hosting
Designing

Blend a logo or photo into the code

Logo QR and Image QR blend a picture into the dots themselves, with no AI.

Logo QR and Image QR

In the playground, open the Design tab, then Art. Choose a mode:

  • Logo QR colors the dots inside your logo's shape.
  • Image QR turns the whole code into your photo.
  • Classic turns art off.

Upload your own picture, or try a sample. Logos work best as a transparent PNG or an SVG. Photos work best with one clear subject.

Art works in every download format, and there's no AI involved.

Balance art and scanning

Choose how strong the art is: Subtle, Balanced or Bold. Stronger art looks better but is harder to scan.

The Scan check below the art decodes your real code in your browser at three sizes. If it isn't great, it lists what to fix.

For the best results, set Error correction to High and keep a clear border around the code.

Last updated on

On this page