How a QR code turns text into a scannable grid
A QR code (short for Quick Response code) is a two-dimensional barcode invented in 1994 to track car parts. Where a supermarket barcode stores a dozen digits in a row of stripes, a QR code stores data across a square grid of black and white cells called modules, letting it pack a few thousand characters into a stamp-sized image. This tool encodes your text into that grid using byte mode and draws the result onto a canvas, which you can download as a crisp PNG.
The big squares in three corners are finder patterns: they tell a camera where the code is and which way up it sits, so it scans from any angle. The rest of the grid carries your data plus Reed–Solomon error-correction bytes — redundant information that lets a scanner reconstruct the message even when part of the code is scratched, smudged or covered by a logo.
A worked example
Type https://toolsy.one into the box. That is 18 bytes. At error-correction Level H,
the encoder packs those bytes plus a generous amount of recovery data into a
Version 3 grid of 29 × 29 modules. Switch the level down to L and the same text
fits in a less dense Version 2 grid (25 × 25) — fewer recovery bytes means more
room for data and a pattern that reads more easily from a distance. Paste a longer sentence
instead and watch the version number climb as the grid grows to hold it. This tool covers the
most useful range, versions 1 to 10, which is ideal for links, Wi-Fi keys and contact details;
if you exceed that, it asks you to shorten the text or drop to a lower error-correction level.
The line beneath the preview always reports the exact version, module count and level in use.
Choosing an error-correction level
The standard defines four levels. Higher recovery survives more damage but makes the grid denser:
| Level | Recovers up to | Best for |
|---|---|---|
| L (Low) | 7% | Clean screens, large prints scanned from afar |
| M (Medium) | 15% | Business cards, flyers, packaging — the common default |
| Q (Quartile) | 25% | Industrial labels and high-wear environments |
| H (High) | 30% | Outdoor stickers, signage and logo-embedded codes |
Tips for codes that always scan
- Keep contrast high. A dark foreground on a light background is the safest combination; inverting it breaks many older readers.
- Leave a quiet zone. The plain margin around the code is part of the spec — don't crop right up to the edge.
- Shorten long URLs. Less data means a sparser, easier-to-scan grid.
- Test before you print. Scan the downloaded PNG with a couple of phones, especially if you changed the colours.