URL

QR Code

Preview
SVG Markup

What is the QR Code Generator?

You want to share a link offline — print it on a poster, drop it on a business card, slap it on a packing slip. Paste the URL, get a QR code, save the SVG. The encoding follows ISO/IEC 18004, the international standard for QR codes that every phone camera knows how to read.

The output is an SVG — vector graphics, infinitely scalable, prints crisply at any size. That matters because raster QR codes (PNG, JPG) get fuzzy on a billboard or pixelated on a tiny label. SVG is also tiny: a few hundred bytes for a typical link. If you want background on how QR codes encode data, the Wikipedia article on QR codes walks through the data masks, version sizing, and capacity tables.

Everything runs in your browser. No upload, no server, no logs — the URL stays on your machine. The QR code is generated locally using the qrcode-svg library. Error correction is set to level M (about 15% of the code can be obscured and still scan), which is the right default for printing — see Reed–Solomon error correction for the math behind it.

How to Generate a QR Code

Three steps. The QR code updates as you type — you do not need to press Convert.

1

Paste a URL or Load the Sample

Drop a URL into the left panel. Click Sample to load a realistic order-tracking link. Any string the QR spec can encode works — URLs are the common case, but plain text, vCards, and Wi-Fi credentials all encode the same way. Example URL:

https://api.shop.example.com/v1/orders/ORD-1001

Shorter is better. A long URL produces a denser QR code that is harder for cheap phone cameras to scan from a distance.

2

See the Preview

The right panel shows two things: the rendered QR code at the top, and the raw SVG markup at the bottom. Point your phone camera at the preview to confirm it scans before you print — most modern phones have a built-in QR scanner in the camera app.

3

Copy the SVG or Download the File

Click Copy to send the SVG markup to your clipboard — paste it directly into a webpage, an email template, or a design file. Click Download to save it as a .svg file you can hand to a designer or drop into an InDesign layout.

When You'd Actually Use This

Print a link on a physical thing

Posters, flyers, packaging, restaurant menus, business cards, parking tickets, museum exhibit labels, conference badges. The SVG output prints sharp at any size — no pixel artifacts at billboard scale. Pair it with our URL Parser if you want to verify the link before encoding.

Share a wifi or app-store link offline

Guest wifi signs, "download our app" stickers, cafe loyalty programs. The QR code carries the full link so the user does not have to type a long URL on a phone keyboard. Wi-Fi QR codes use a specific text format that most phones recognize automatically.

Generate one-off QR codes inside an internal tool

Order tracking pages, ticket bookings, lab sample IDs, kitchen order tickets, warehouse pick lists. Copy the SVG markup straight into your printable PDF template — no need to wire up a backend QR library. Useful for any flow where a human needs to scan a code with their phone to pull up a record.

Quick visual proof of a shortened link

You shortened a link with bit.ly or your own redirector. Drop the short URL here, point your phone at the QR code, confirm it lands on the right page before you publish. Faster than typing the short URL into your phone, and gives you the QR you can hand off to print at the same time.

Common Questions

How long can the URL be?

Practical limit is around 2 KB. The QR code spec supports more (up to ~4 KB at error-correction level L), but past 2 KB the codes get so dense that cheap phone cameras struggle to scan them. If your URL is longer than that, run it through a URL shortener first. The full capacity table is on the QR code official site.

What error correction level is used?

Level M, which means about 15% of the code can be obscured (smudge, sticker, logo) and the code still scans. Level M is the standard choice for printing — H (30%) is bigger but lets you put a logo in the middle, L (7%) is smaller but fragile. For details on how this works, see Reed–Solomon error correction.

Can I customize the colors?

Right now the output is black on white, which scans most reliably. If you need brand colors, edit the SVG markup directly — change the fill on the dark cells. Keep the contrast ratio high (dark on light) or scanners will choke. Real-world scanners enforce a minimum contrast threshold; ignore it and the code will not read.

Why SVG and not PNG?

SVG scales to any size without pixelation, which is what you want for print. A 500-byte SVG looks identical at 1 cm and at 1 m. PNGs need to be exported at the right resolution for each use, which is fragile. If you really need a PNG, open the SVG in any modern browser, save the rendered image, or run it through an SVG-to-PNG converter.

Does this leave my browser?

No. QR generation runs entirely in JavaScript on the page — there is no server call, no analytics on the URL you pasted. You can confirm by opening DevTools, watching the Network tab, and pasting a URL. Nothing leaves your machine.

Can the QR code encode anything other than URLs?

Yes — QR codes encode arbitrary text. Common non-URL formats include vCards (contact info), WIFI: strings (network credentials), tel: and mailto: links, and plain text. Whatever you paste gets encoded as-is. Phones that recognize specific formats (vCard, Wi-Fi) will offer to add the contact or join the network automatically.

Other URL & JSON Tools

Generating a QR code is one operation. Here's what else pairs naturally with it: