Open a code and choose Edit QR code to reach the design studio. The tools are on the left, the code is in the middle, and the checks and downloads are on the right. The preview redraws on every change.
The tabs
- Content: where the code points and its internal name. Neither is part of the design.
- Templates: a starting design you can change.
- Shape: the shape of the modules (the small squares) and of the three corner markers.
- Colour: the colour of the code and of the background.
- Logo: an image in the middle of the code.
- Frame: a border with a call to action, such as "Scan for the menu".
- Symbol: error correction and the quiet zone.
Choose Save changes when you're done. Undo and redo cover everything since you opened the studio.
What the checks mean
Each check is measured on the design you see, and each shows a tick or a warning with the reason.
- Contrast: how different the code's colour is from the background. Dark on light works best. A light code on a dark background fails on many phones.
- Quiet zone: the empty margin around the code. Four modules is the standard's minimum. Leave more if the code will sit on a busy background.
- Logo coverage: how much of the code the logo hides.
- Error correction headroom: how much damage the code can still take after the logo. A bigger logo uses more of it.
- Module gap: space between modules, which some shapes add.
- Decodes in this browser: the code is read back by a decoder, as a phone would.
A warning never stops you downloading. It tells you what to change.
Error correction
Error correction lets a code be read when part of it is hidden or damaged. It's set to Auto and follows the logo: a bigger logo raises it. Override it only if you know the print conditions.
- L is for screens only.
- M is right for most print.
- Q is for codes that get handled, scuffed or rained on.
- H is for heavy logo coverage and AI art codes.
Higher levels make the code denser, so it needs more space to print.
Test before you print
Choose Test scan to show the code large enough to scan with your phone from the screen. Then print one copy at the real size and scan it where it will hang. Printing a code covers sizes.