Skip to main content
qraffic
Start free
Browse docs
← All docs

Start here

Design and download your QR code

Colors, shapes, logos, error correction, and file formats, plus how to keep a styled code scannable.

Style a code on the Studio tab of the code, then download it as PNG or SVG. Keep strong contrast between the code and its background and test every design with a real phone before printing.

What can I change in the Studio?

  • Colors: a foreground and a background color.
  • Dot style: square, rounded, classy, classy rounded, or extra rounded modules.
  • Corner style: square or extra rounded.
  • Error correction: Low (7%), Medium (15%), Quartile (25%), or High (30%).
  • Margin: the blank border around the code, in pixels.
  • Logo: upload an image up to 2 MB, or paste an image URL.

Custom styling is a paid feature. The Studio notes which plan unlocks it, and plans and billing lists the features of each plan.

What is error correction and which level should I pick?

Error correction lets a code still scan when part of it is dirty, damaged, or covered. Higher levels survive more damage but make the pattern denser. If you add a logo, use High, because the logo covers part of the pattern. The Studio shows a "May not scan reliably" warning when your choices look risky and offers a shortcut to switch to High error correction.

Which format should I download?

The Studio offers PNG and SVG. SVG is vector, so it prints crisply at any size, which suits posters, packaging, and signs. PNG suits screens and documents. Through the API you can request either format and a PNG size from 64 to 2048 pixels, see the API reference.

How do I make sure it scans?

  1. Keep the foreground much darker than the background. Light-on-dark or low-contrast pairs scan poorly.
  2. Leave the margin in place. A code that touches other artwork often fails.
  3. Do not make a logo large. Use High error correction with any logo.
  4. Print a test at the real size, then scan it from the distance your audience will use.
  5. Scan the final printed proof, not only the screen preview.

Does restyling change where the code points?

No. Styling changes only the image. The short link inside is the same, so a restyled code still reaches the same destination, and its scans stay in the same analytics. If you reprint with a new style, old prints keep working.