QR Code Generator

Generate QR codes for URLs, Wi-Fi, vCards, and more — with logo and custom styling.

Style

Related Tools

📝
Markdown to HTML
Write Markdown and see live HTML preview, then copy the generated HTML.
 🍳
Cooking Unit Converter
Convert cooking measurements between cups, tablespoons, teaspoons, ml, oz, and grams.
 🔊
Text to Speech
Convert text to spoken audio using your browser voices.

0 comments

How it works

A QR code encodes text as a 2D grid of black-and-white modules using Reed-Solomon error correction so that part of the code can be obscured (or covered by a logo) and still scan. This tool builds the grid in your browser via the qr-code-styling library, draws it to a canvas, and lets you export PNG, SVG, or JPEG. Wi-Fi credentials, vCards, and email forms are encoded into the specific URI schemes that mobile scanner apps recognize.


              QR data ← formatter(input)
QR image ← qrCodeStyling.render(data, options)

Common use cases

  • Restaurant table QR linking to a menu PDF or ordering page.
  • Guest Wi-Fi access card — guests scan to join your network, no password typing.
  • Business-card vCard QR so contacts can save your details with one scan.

Frequently asked questions

Is it safe to add a logo over the QR code?

Yes, up to a point. QR codes have built-in error correction — at the highest level (H), about 30% of the code can be obscured and still scan. This tool auto-bumps the error-correction level to H whenever you add a logo, so most logos that cover under 25% of the QR will scan reliably.

What is the difference between error correction levels L, M, Q, and H?

L recovers ~7% of damaged modules, M ~15%, Q ~25%, H ~30%. Higher levels make the QR more resilient to scuffs, glare, and partial coverage — at the cost of needing a denser grid (more pixels for the same content).

Does the Wi-Fi QR work on all phones?

Yes for iPhones (iOS 11+) and modern Android (8+). Both platforms recognize the standard WIFI: URI format and prompt to join the network when the QR is scanned via the built-in camera.

Where does my logo image go after upload?

Nowhere — it stays in your browser memory only. No upload, no localStorage. When you close the tab, the logo is gone. Re-upload it for your next session.