How to generate a QR code online free?

Paste your text or URL into the Input field, choose size (256px recommended) and error correction (H for 30% damage tolerance), then click Generate. The QR appears instantly in the Output card. Click Download PNG to save as qrcode.png. No signup, works offline after load.

What is error correction L, M, Q, H?

Reed-Solomon error correction lets QR be scanned even if damaged: L ~7% recovery, M ~15%, Q ~25%, H ~30%. Higher level means denser QR but more resilience to dirt, cropping or logo overlay. Use H for printed posters and M for screen-only links.

How to download QR code as PNG?

After generating, click Download PNG in the Output card. We find the canvas element inside the QR div, call canvas.toDataURL('image/png'), create a temporary anchor with download='qrcode.png' and trigger click. If the library rendered an img fallback, we use its src. Image is 256x256 by default, or your selected size.

Are generated QR codes permanent and private?

Yes. QR is generated 100% client-side via CDN qrcodejs in your browser. No data is sent to our server, no expiry, no tracking. Save the PNG and it scans forever unless the encoded URL itself expires. For private links, the QR is as private as the URL you encoded.

Why is my QR code not scanning?

Common causes: input too long for selected error level, too small size when printed, low contrast, or URL missing https://. Try H correction, increase size to 512px for print, ensure black on white, test with multiple phones, and shorten URL with a shortener if over 300 chars. Always test printed size at 2cm minimum.

QR Code Generator - Generate QR Code Online Free

📥 Enter Text/URL

Chars: 0 • Words: 0 • Bytes: 0 B

Size ECC Color Press Ctrl+Enter to generate

📤 QR Code

No QR yet • Enter text & Generate

QR Code will appear here
Enter text or URL above and click Generate
Canvas renders via qrcodejs • PNG download • H error correction

Tip: Download PNG is 1:1 at selected size. For print, use 512×512 and 2cm minimum. Scan with phone camera • No expiry

What is a QR Code Generator? Create QR Codes Online Free

A QR code generator creates a Quick Response code — a square 2D barcode of black and white modules that stores text, a URL, or structured data and can be scanned instantly by any phone camera. Unlike a 1D barcode that holds ~20 characters, a QR code (ISO/IEC 18004) stores up to 4,296 alphanumeric characters, 7,089 numeric digits or 2,953 bytes across 40 versions (21×21 to 177×177 modules), with built-in Reed-Solomon error correction so it still scans when dirty, wrinkled or 30% obscured. When you generate QR code online with our tool, you type https://html-compiler.com/qr-code-generator/ or Hello World!, we feed that string to the qrcodejs library (new QRCode(div, {text, width, height, colorDark, colorLight, correctLevel})), it computes the required version, masks and error codewords in milliseconds, and paints a crisp canvas (with img fallback) inside the 📤 QR Code card. That canvas is what you see, scan and download as PNG. Searches like qr code generator, generate qr code, create qr code, qr generator, free qr code generator, qr code maker all mean the same intent — turn text into a scannable square — and this single page satisfies them all without an account, watermark or expiry.

QR was invented in 1994 by Denso Wave (Toyota) to track car parts faster than barcodes, then released patent-free, which is why every phone now scans natively via Camera app (iOS 11+, Android 9+). The pattern you see — three large finder squares in corners, smaller alignment patterns, timing lines and quiet zone margin — lets the scanner orient, scale and correct perspective. Data is not an image of your text; it is encoded bits, so a URL https://example.com/?q=café becomes codewords that any scanner decodes back to that exact string. Our generator runs 100% client-side: the CDN https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js (with cdnjs fallback) loads once, then QRCode.CorrectLevel.H generation and canvas.toDataURL('image/png') download never touch a server — your URLs, WiFi passwords and private notes stay in your browser.

Why Generate QR Codes? Benefits for Business, Print & Everyday

QR bridges physical and digital in one tap — no typing, no typo. A poster, business card, menu or product box that prints https://shop.example.com as tiny text gets zero visits; the same URL as a 2cm QR gets scanned while walking past. That is why generate qr code online free is searched by marketers, teachers, restaurants, event organizers and developers alike. Key benefits:

Benefit	How QR Code Helps	Who Uses It
📱 Instant Access	Camera scan opens URL in 1 tap — no app, no typing, reduces drop-off vs manual entry	Restaurants (menu), retail (product page), events (ticket)
🖨️ Print to Digital Bridge	Turn any offline surface — flyer, t-shirt, packaging, invoice — into a clickable link	Designers, print shops, OOH advertisers
📊 Trackable Campaigns	Encode UTM link `https://example.com/?utm_source=poster&utm_campaign=summer`, track scans in Analytics	Marketers measuring offline ROI
🔒 Error Resilient	H-level Reed-Solomon survives ~30% damage — coffee stain, fold, logo overlay still scans	Logistics, warehouses, outdoor signage
🌐 No Internet to Create	Generate offline after first load; QR itself needs no network until scanned	Teachers in labs, field teams, pop-ups
💰 Free Forever	No subscription, no dynamic-QR paywall — static QR you download scans forever	Small businesses, students, indie makers

Static vs dynamic? This tool creates static QR — data is baked into the pattern, scans forever and needs no service. Dynamic QR (which lets you change URL after printing) requires a hosted redirect and paid plan; for most uses static is faster, private and permanent. Only use dynamic if you must retarget printed stock without reprinting.

What Can You Encode? Common QR Code Use Cases

Website URL: https://html-compiler.com or deep link https://example.com/product?utm_source=qr — the #1 use. Always include https:// or some scanners treat it as text. This targets url to qr code, link to qr code, website qr code.
Plain Text & Notes: WiFi password: 12345 — Room 302, serial number, lottery code. Text QR scans to a copyable note.
WiFi Login: WIFI:T:WPA;S:MyCafe_5G;P:s3cr3t123;; — phone auto-joins network on scan. Choose this syntax for hotel and café table tents.
Email & SMS: mailto:hello@example.com?subject=Hello&body=Hi opens mail composer; SMSTO:+15551234:Hi there pre-fills SMS. Perfect for support cards.
Phone Call: tel:+1-555-0123 triggers dialer — useful on business cards and emergency stickers.
vCard Contact: BEGIN:VCARD\nFN:Jane Doe\nTEL:+15551234\nEMAIL:jane@example.com\nEND:VCARD adds contact in one scan — no manual typing.
UPI / Payment (where supported): UPI string or PayPal link for donations and invoices — QR on invoice = faster payment.
Long Data: Up to ~2,000 chars practical for URLs; beyond that modules get dense and harder to scan. For very long URLs, shorten first with a link shortener, then encode.

Capacity tip: alphanumeric mode (A-Z, 0-9, $%*+-./:) is most efficient; pure numeric is densest. Mixing lowers/lowercase forces byte mode, so keep URLs lowercase where possible to allow smaller QR.

Features of html-compiler.com QR Code Generator (Free, Fast, Private)

Built with the same light-card language as htmlbeautifier.org but for QR, our qr code generator is intentionally minimal yet production-grade:

Light Cards Input & Output: 📥 Enter Text/URL card with 140px monospace textarea (word-break break-all, #fbfdff → white on focus), orange Generate button (#f97316, shadow 0 4px 12px rgba(249,115,22,.25)), and 📤 QR Code card showing centered canvas + Download PNG orange button — matches htmlbeautifier.org familiarity.
Canvas Render via qrcodejs: Uses CDN https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js with cdnjs fallback. Call is new QRCode(document.getElementById('qrcode'), {text, width:size, height:size, colorDark, colorLight:'#ffffff', correctLevel}) — draws canvas (and img fallback) inside div#qrcode. Quiet zone is auto-added.
Size Selector 128–512: Choose pixel size; 256 is best for screen, 512 for print (2× retina and ~5cm at 300dpi). Larger size = sharper print, not more data — data density is governed by version.
Error Correction L/M/Q/H: Map L=1 (7%), M=0 (15%), Q=3 (25%), H=2 (30%) per qrcodejs enum. Default H gives maximum damage tolerance — ideal for posters and merch where QR may get occluded.
Color Control: Dark color picker (default #0f172a) lets you brand QR while keeping light as white for contrast. We warn if contrast would break scanning.
Download PNG (1:1): handleDownload() finds #qrcode canvas or img, calls canvas.toDataURL('image/png') or uses img.src, creates anchor download='qrcode-<size>.png' via Blob URL, triggers click and revokes URL — pure client-side, no server.
Fullscreen & Stats: Output ⛶ Full Screen uses Fullscreen API on #outputCard for presenting QR on a second screen. Live stats show Chars/Words/Bytes on input and QR Info (size, ECC, version hint) on output.
Helpers — Paste, Clear, Sample: Paste via async Clipboard API, Clear resets textarea and QR, Sample URL loads https://html-compiler.com for quick demo. Ctrl+Enter generates without mouse.
100% Client-Side & Lightweight: No backend, no cookies, no signup. Core is ~10KB local JS + ~15KB qrcodejs from CDN. Works offline after first load and complies with style.css theming (Inter font, #f1f5f9 bg, #0b1220 header via layout.js).

How to Use — Generate QR Code in 3 Steps

Step 1: Enter Text or URL

Click inside 📥 Enter Text/URL, paste https://your-site.com/summer-sale?utm_source=qr, a WiFi string WIFI:T:WPA;S:Home;P:abc123;;, or plain text. Use 📋 Paste to pull from clipboard (grants permission once) or ✨ Sample URL to try instantly. Watch live stats: Chars count helps keep under ~300 for easy scanning; Bytes (via new Blob([text]).size) reflects UTF-8 length that actually goes into QR.

Step 2: Choose Size & Error Correction, Click Generate

Pick Size: 128 for favicon/small inline, 256 for most screen uses, 512 for print/PDF. Pick ECC: H (30%) for anything printed or with logo, M (15%) is lighter and fine for on-screen only. Adjust Color if branding needs dark navy vs black — keep light white for best contrast. Click orange ⚡ Generate (or press Ctrl+Enter). The script clears #qrcode (innerHTML=''), calls new QRCode(...), hides the placeholder, shows success message and updates QR Info to like 256×256 • ECC H • ~42 chars. The QR appears centered with white padding, rounded 14px card and soft shadow — ready to scan from laptop screen at ~15cm.

Step 3: Preview, Test & Download PNG

Hold your phone camera over the Canvas — it should highlight and show URL in <1s. Try with 2 phones (iOS + Android). If it scans, click orange ⬇ Download PNG in 📤 QR Code header. The file saves as qrcode-256.png (or your size) at exact chosen pixels — 256×256 PNG is ~5-15KB, 512×512 ~10-25KB. For print, place at ≥2cm (0.8in) and export PDF at 300dpi; for web, use src as-is with width CSS. Click ⛶ Full Screen to present QR on a TV or projector — audience can scan from meters away. If download button does nothing, ensure you generated first; we show red message Generate a QR code first instead of failing.

QR vs Barcode, Sizes & Error Correction Guide

Format	Capacity	Scan Needs	Error Tolerance	Best For
QR Code (2D)	4,296 alphanumeric / 2,953 bytes	Phone camera, any angle, 360°	L 7% / M 15% / Q 25% / H 30%	URLs, WiFi, payments, anywhere
1D Barcode (UPC/EAN)	~20 digits	Laser scanner, horizontal only	None — fails if scratched	Retail SKUs only
Data Matrix	~2,300 chars	Camera, small size	Similar ECC	PCB, medical tiny parts

ECC Level	Enum Value	Recovery	Density	When to Use
L	1	7%	Least dense — smallest QR	Screen-only, clean environment
M	0	15%	Balanced	General web sharing, slides
Q	3	25%	Dense	Printed flyers that may get handled
H	2	30%	Densest, most robust	Posters, merch, outdoor, with logo

Size guide for print: 512px at 300dpi = 4.3cm (1.7in) — ideal. At 150dpi = 8.6cm. For a 2cm QR on business card, 256px is enough at 320dpi. Always leave quiet zone (margin) — qrcodejs adds it, do not crop tightly.

Pro Tips, Pitfalls & Print Checklist

Always include https:// for URLs — example.com alone may scan as text on some phones. Prefer https://example.com.
Contrast is king: Use dark (black/navy #0f172a) on white (#ffffff). Light orange or yellow on white fails. If you brand color, test scan before printing 1,000 copies.
Keep URL short: Long UTM links create dense QR that needs holding still. Use a shortener (or custom short domain) before encoding if URL >200 chars — density drops dramatically.
Don’t stretch QR: Keep square 1:1 aspect; stretching breaks finder patterns. Download PNG is already square — use object-fit:contain if embedding.
Logo overlay caution: Only overlay a small centered logo (≤20% area) if using H ECC, and test extensively后 bite-off finder patterns.
Print test at actual size: Print one page, scan from expected distance (poster 2m, card 10cm). If phone hunts, increase size or lower density by shortening text.
No expiry handling: QR itself never expires — but the URL might. Before printing, ensure the destination is permanent or use a redirect you control.

Target Keywords & Search Intent Map (SEO Authority)

We built this page to rank for the full QR cluster — one URL, every intent, without stuffing. Style and copy mirror the high-ranking htmlbeautifier.org pattern (light cards, How-To, comparison tables, FAQPage schema):

Primary Keyword	Intent	Where We Cover It
qr code generator	Tool	Title, H1, hero, Generate button, canonical /qr-code-generator/
generate qr code	Tool	Hero CTA, How-To steps, JSON-LD featureList
create qr code / qr maker	Tool	Features, use-cases, steps
qr code generator free	Tool	Title, badges (no signup, no watermark), conclusion
qr code generator online / url to qr code	Tool	Hero, Input placeholder, use-case list
free qr code generator no expiry	Tool	FAQ “Are QR codes permanent”, benefits static vs dynamic
download qr code png	Tool	Output card Download PNG, JS toDataURL section
custom qr code (size, color, error correction)	Tool/Learn	Size/ECC/Color controls, guide tables

Frequently Asked Questions (FAQ)

What is a QR code generator and how does qrcodejs work?

A QR code generator turns text into a scannable square pattern. Our page loads qrcodejs 1.0.0 from cdn.jsdelivr.net (fallback cdnjs). On Generate we call new QRCode(containerDiv, {text, width, height, colorDark, colorLight, correctLevel: QRCode.CorrectLevel.H}). The library picks QR version 1-40, adds Reed-Solomon codewords, applies mask, draws finder/align/timing patterns onto a canvas (with img fallback) inside #qrcode. No server, instant in your tab.

How do I generate a QR code online free with this tool?

Type or paste any text/URL into 📥 Enter Text/URL, select Size (256 recommended) and ECC H for best resilience, click orange ⚡ Generate — QR appears in 📤 QR Code in <200ms. Test with your phone camera, then click ⬇ Download PNG to save qrcode-256.png. Keyboard: Ctrl+Enter = Generate, Enter in textarea also generates on many browsers.

What data can I put in a QR code?

Up to ~4,296 alphanumeric chars: plain text, https:// URLs, mailto:, tel:, SMSTO:, WiFi WIFI:T:WPA;S:name;P:pass;;, vCard BEGIN:VCARD..., or any string. URLs are most useful — ensure you include https:// and keep under ~300 chars for easy scanning. Longer text makes a denser QR that is harder to scan at small sizes.

What is L, M, Q, H error correction?

QR uses Reed-Solomon to recover damaged data: L ~7%, M ~15%, Q ~25%, H ~30% of codewords can be lost and still scan. H is most robust but slightly denser. The library enum maps L=1, M=0, Q=3, H=2 — we expose that as a select. Use H for anything printed, handled, or with a logo; M suffices for clean on-screen use.

How do I download the QR code as PNG?

After generating, click ⬇ Download PNG. JS does: const canvas = document.querySelector('#qrcode canvas'); if(canvas){ const url = canvas.toDataURL('image/png'); const a=document.createElement('a'); a.href=url; a.download='qrcode-256.png'; a.click(); } — if the library rendered img instead, we use img.src. The image size equals your selected Size (e.g., 512×512 for print). No server upload.

Are QR codes permanent? Is it private?

Yes on both. The PNG you download contains static data baked in — it scans forever unless the URL inside expires. And it is 100% private: qrcodejs runs entirely in your browser; your text never leaves the device, after first load it even works offline. We keep no logs, unlike dynamic-QR services that host redirects.

Why won’t my QR code scan?

Check: 1) Is input non-empty and not too long (>3,000 chars)? 2) Did you use high contrast (dark on white)? 3) Is size ≥256 on screen / ≥2cm on paper? 4) Is URL complete with https://? 5) Did you crop the quiet zone margin? Try larger Size, H ECC, shorten URL, ensure white background, and test in good light at ~15cm distance with a modern phone.

Can I create a QR code for WiFi, email or vCard?

Yes. Paste the structured string exactly: WiFi WIFI:T:WPA;S:MyWiFi;P:mypass;; (T is WPA/WEP/blank), email mailto:hi@example.com?subject=Hello&body=Hi, or vCard BEGIN:VCARD\nVERSION:3.0\nFN:Jane\nTEL:+1555\nEND:VCARD. Generate and scan — phone will offer to join WiFi, compose email, or add contact. We don’t validate syntax, so copy from a known template.

Best QR Code Generator Online Free in 2026 — Start Generating Now

Whether you are a student sharing a portfolio link on a poster, a café printing a WiFi QR for tables, or a developer bridging a slide deck to a demo URL, a fast, private QR code generator saves time every week. Stop wrestling with ad-heavy generators that force signup or expiry — type your text above, hit orange ⚡ Generate to see a crisp canvas QR in the 📤 QR Code card, and hit ⬇ Download PNG for a clean file you can drop into Figma, PowerPoint, or print at 512×512. The same page ranks for qr code generator, generate qr code, create qr code, qr code maker because it serves every intent with correct qrcodejs rendering, selectable size/ECC, and client-side PNG export.

Bookmark html-compiler.com/qr-code-generator/ — the lightweight, evergreen QR code generator, generate QR code, URL to QR code, download QR PNG tool for 2026 and beyond. Loved for its htmlbeautifier.org-style light cards, 140px editor, instant canvas preview and one-click Download. Explore our ecosystem: HTML Beautifier • CSS Beautifier • JS Beautifier • HTML Minifier • JSON Beautifier • Base64 Encoder • URL Encoder • HTML Compiler — all free, all client-side, no signup ever.

QR Code Generator — Generate QR Code Online Free