About the QR Code Generator

Multiple content types, live preview, custom colors, PNG and SVG export — 100% in your browser, nothing sent to a server.

What it is

The Computezy QR Code Generator creates scannable QR codes directly in your browser using the open-source qrcode-generator library (MIT license). You choose the content type — URL, plain text, email, phone number, SMS, WiFi credentials, or a contact card — fill in the fields, and the QR code appears live as you type.

No content is ever sent to a server. Generation happens entirely in JavaScript in your browser, so sensitive information like WiFi passwords or personal contact details stays on your device. The codes produced are static — they encode your content directly and never expire.

Supported content types

URL

Any web address. Scanners open it directly in a browser — perfect for menus, marketing materials, event pages, or product packaging.

Plain text

Any free-form text up to the QR capacity limit. Good for short messages, coupons, serial numbers, or instructions.

Email

Encodes a mailto: link. Scanners open the default mail app with the address pre-filled.

Phone & SMS

Encodes tel: or smsto: links. Scanning prompts a call or a pre-addressed text message.

WiFi

Encodes the standard WIFI:T:...;S:...;P:...;; payload. Scanning joins the network automatically on iOS 11+ and Android 10+. Special characters in the SSID or password are escaped correctly.

Contact card (vCard)

Encodes a vCard 3.0 record with name, organisation, phone, email, and website. Scanning offers to add the contact to the phone's address book.

Customisation options

Size

Choose output dimensions from 128 px to 512 px. The SVG export is resolution-independent regardless of this setting.

Error correction

Levels L (7%), M (15%), Q (25%), and H (30%). Higher levels recover from more damage but produce denser codes.

Colors

Set any foreground and background color via a color picker or hex value. A contrast warning appears if the combination may be hard to scan.

Error correction and why contrast matters

QR codes encode redundant data so scanners can recover missing or corrupted modules. The four error-correction levels — L, M, Q, H — trade off code density against robustness. Level M (the default) is a good balance for most uses. If you intend to overlay a logo or print on a rough surface, use H. If the code will only ever appear on a clean digital screen, L gives the smallest, most scan-friendly result.

Scanner cameras detect dark modules against a light background by measuring contrast. If foreground and background colors are too similar in brightness, the camera cannot reliably distinguish them and the scan fails. The tool computes the WCAG relative luminance contrast ratio and warns when it falls below 3:1 — the practical threshold for consistent scanning across different phone cameras and lighting conditions. Dark-on-light always works; light-on-dark sometimes works; similar-brightness pairs rarely do.

Download formats

PNG

A raster image rendered at your chosen size. Good for embedding in documents, emails, presentations, or websites where a fixed pixel size is fine.

SVG

A vector image built from individual rectangles — one per dark module. It stays perfectly sharp at any print or display size, making it ideal for signage, packaging, and large-format printing.

Ready to create a QR code?

Free, instant, nothing leaves your browser.

Open the Generator