Design and export
Colours, logo and frame, downloads, and tips for codes that scan.
Every code has a Design card on its page. The preview updates as you go. We set the margins and logo size for you.
Design options
| Setting | Options |
|---|---|
| Colours | A Code colour and a Background colour, picked from the presets or entered as a hex colour |
| Dots | Square, Rounded or Dots |
| Corners | Square, Rounded or Round |
| Logo | PNG, JPEG, SVG or WebP, under 2 MB. We size it for you |
| Frame | None, Label below, Label above or Box. Framed codes show a line of text, up to 24 characters, which shrinks to fit. The default text is "SCAN ME" |
The frame uses the code's colours. Click Save design to store the design on the code. Downloads use whatever is in the preview, whether or not you've saved it.
Download
- Set the Print width in centimetres, from 2 to 100. The default is 5 cm.
- Click a format:
- PNG: an image at 300 dpi for the print width you set.
- SVG: a vector file that scales to any size. Best for designers and large prints.
- PDF: a page at the exact print width.
The design doesn't change what the code points to. For a dynamic code, you can change the destination later without downloading again.
Warnings
You'll only see a warning when something could stop the code scanning:
- Low contrast. Click Fix to adjust the code colour.
- Light code on a dark background. Some older scanners can't read these.
- Lots of content. The code is very dense. Make it dynamic, shorten the content or print it larger.
Tips for print
- Dynamic codes have fewer dots than static codes with long content, so they scan better when printed small.
- As a rule of thumb, make the code at least a tenth of the scanning distance wide. For example, 2.5 cm for a phone held 25 cm away, or 30 cm for a poster read from 3 m away. Go bigger for dense codes.
- Test a printed proof with a few different phones before a large run.
- Use the frame text to tell people what they get, for example "Scan for the menu".