Content
Design
px
px
Extras

Logo image

Drag & drop or click to browse

Introduction:

Quick-response (QR) codes hold alphanumeric data in a square grid of dark and light modules. Their built-in Reed-Solomon error correction lets almost one-third of the pattern be damaged yet still decode, making them ideal for posters, receipts and contactless menus.

This generator turns your link, text, contact or network credentials into a standards-compliant QR symbol, then lets you restyle dots, “eyes”, colours, gradients and frames before exporting high-resolution artwork for print or screen. A reactive engine updates the preview as you type.

Imagine placing a code on event tickets: guests scan once to add dates, location and Wi-Fi in seconds, avoiding manual typos and queue delays.

Technical Details:

A QR code encodes input data as codewords, applies Reed-Solomon redundancy, interleaves blocks, occupies a two-dimensional matrix whose side length m=21+4×(v1), then applies one of eight masks that minimise large contiguous areas.

  1. Mode and version selection
  2. Data codeword stream
  3. Error-correction block append
  4. Matrix placement of data, timing, alignment and format patterns
  5. Mask evaluation and selection with lowest penalty score
Error levelRestorable data
L≈ 7 %
M≈ 15 %
Q≈ 25 %
H≈ 30 %

Higher levels enlarge the symbol and reduce capacity but improve durability on rough surfaces.

ParameterMeaningTypical range
Content typeURL, text, vCard, Wi-Fi etc.
SizeCanvas edge length100 – 1 000 px
MarginQuiet-zone width0 – 50 px
Error levelRedundancy tierL, M, Q, H
Dot styleSquare, rounded, dot
ForegroundHex colour or gradient#000000 – #FFFFFF

Version 4 example (https://simplified.tools):

45bytes360bits m=21+4×3=33 33×33=1 089modules
  • Assumes UTF-8 text; extended Kanji modes unsupported limitation
  • Gradient fills must contrast sufficiently for scanners
  • Logos may cover ≤ 30 % of the symbol at H-level
  • Frames enlarge total footprint; maintain ≥ 4-module quiet zone
  • Empty payload produces a blank canvas
  • Over-long text selects a version > 40 and will fail
  • CMYK colours in PDFs may shift on screen
  • Transparent backgrounds ignored when exporting PDF

QR specification documented in ISO/IEC 18004-2015 and AIM Symbology standard ISS DotCode Rev 4.

All processing occurs client-side; no personal or sensitive information leaves your device.

Step-by-Step Guide:

Follow these steps to create and download your code.

  1. Select a Content icon such as URL or Wi-Fi.
  2. Fill in the requested fields; the preview updates instantly.
  3. Open Design and choose dot style, eyes and colours.
  4. Activate the gradient panel for multi-tone effects if needed.
  5. Drop a logo or pick a frame under Extras.
  6. Click PNG, SVG or PDF to download the high-resolution file.

FAQ:

Is my data stored?

No. Everything is rendered locally in your browser; nothing is transmitted or logged.

Which error level should I pick?

Use M for everyday print, Q or H when adding logos or expecting scratches, L for minimal size on screen.

Why does my code fail to scan?

Check contrast, quiet zone, and ensure the final image is not compressed or blurred.

Are gradients safe?

Yes, provided the darkest colour exceeds 40 % luminance contrast against the background.

Can I resize after export?

SVG and PDF scale without quality loss; PNG remains sharp up to its original pixel dimensions.

Glossary:

Codeword
8-bit unit of encoded data.
Mask
Pattern that optimises visual balance.
Quiet zone
Blank border aiding camera focus.
Module
Single square element within the grid.
Version
Matrix size indicator from 1 to 40.

Files are processed locally in your browser; nothing is uploaded.