Skip to main content
Custom designs have a white background in the builder. To place your code on a colored surface, download it with a transparent background, or use a frame to add a colored card around it.

​
How the background works

​
Get a transparent background

1

Open the download options

In your dashboard, open the QR code’s actions and click Download QR.
2

Choose a transparent format

Pick PNG - Best quality (transparent background) or SVG - Print & edit (transparent background).
3

Download the file

Click Download QR in the dialog.
Branded and AI designs download as JPG, PNG or PDF. A Branded design made from a logo with a transparent background keeps that transparency in the PNG.

​
Add a colored card with a frame

1

Open Frame

In Customize & Download, on Custom designs, click the Frame chip.
2

Choose a card frame

Pick a frame under Frame around the QR code.
3

Choose its colors

Pick a swatch group under Color presets, or set Frame color on the Customization chip.
See Frames for all frame settings.

​
Tips for placing a code on a background

  • Place the code on a light, plain area. A dark code on a light background scans best.
  • Avoid busy photos or patterns behind a transparent code.
  • Leave a clear margin around the code so cameras can find its edges.
  • Print a test copy on the real material before a large print run.

​
Common issues

Transparent files can look odd in viewers with a dark background. That’s expected: view the file on a light background, or place it on your design.
The code is dark, so it needs a light surface. Download a JPG, which has a solid background, or add a light frame around the code.
Download a JPG. It has a solid background.

​
What’s next

Formats and resolution

Print your QR code

Frames

Colors