What does this QR code generator do?
This tool turns a URL, plain text, email, phone number, or Wi-Fi network into a scannable QR code. It draws the code with the Canvas API directly in your browser - the data you type never leaves your device or touches a server - and lets you customize colors, add a center logo, choose an error-correction level, then export the result as an SVG or PNG.
How to generate a QR code
- Pick a mode - URL, Text, Email, Phone, or Wi-Fi - and fill in the fields for that mode.
- Optionally set a foreground and background color that match your brand, keeping enough contrast between them.
- Choose an error-correction level - higher levels stay scannable even if part of the code is damaged, dirty, or covered by a logo.
- Optionally upload a small center logo and adjust its size - the tool automatically raises error correction to High and keeps the logo within a safe size.
- Check the live preview and the scan guidance message, then click Download PNG for screens and social media, or Download SVG for crisp printing at any size.
- Before publishing or printing, scan the result with a phone camera to confirm it opens correctly.
URL, text, email, phone, and Wi-Fi modes
Each mode formats the QR payload the way scanning apps expect. URL encodes a plain link that opens in a browser. Text encodes any raw string, useful for notes, codes, or IDs. Email builds a mailto: link that opens a pre-filled draft with an optional subject and body. Phone builds a tel: link that starts a call when scanned on a phone. Wi-Fi encodes the network name, password, and security type so a scanning phone can join the network without typing the password by hand.
Choosing an error-correction level
QR codes include built-in redundancy so they can still be read even when part of the pattern is missing or obscured. Low (L) packs in the most data per code but tolerates the least damage; Medium (M) is a solid default for most uses; Quartile (Q) and High (H) trade code density for resilience, and are the right choice for codes that will be printed small, placed outdoors, or that carry a logo. This tool switches to High automatically whenever a logo is added.
Adding a logo without breaking the scan
A logo covers part of the QR pattern, so it only stays scannable if enough error correction is left to reconstruct the covered area. This tool caps the logo at a safe percentage of the code's width and forces High error correction whenever a logo is present, but no tool can guarantee every scanner app will read every combination - always test the finished code with a real phone camera before printing or publishing it.
Colors, contrast, and scan reliability
QR scanners rely on strong contrast between the foreground and background to find and decode the pattern. Dark modules on a light background (or the reverse) scan reliably; two similar mid-tones, like pale gray on white, often don't. This tool flags low-contrast color combinations so you can catch a scan-breaking choice before you export.
SVG vs. PNG export
SVG is a vector format that stays perfectly sharp at any size, which makes it the right choice for print materials, posters, or packaging where the code might be scaled up. PNG is a fixed-resolution raster image that's easier to drop straight into a slide deck, website, or social post. Both exports include the same colors, logo, and quiet zone as the live preview.
Common uses
Business cards and flyers
Link straight to a portfolio, menu, or contact card without printing a long URL that people have to type by hand.
Guest Wi-Fi access
Print a Wi-Fi QR code near a router or front desk so guests can join the network with a single scan.
Event and product packaging
Add a branded QR code with your logo to tickets, posters, or packaging that links to registration, tracking, or product details.
Frequently asked questions
Which error-correction level should I use?
Medium (M) is a good default for most QR codes. Use Quartile (Q) or High (H) if the code will be printed small, placed on a curved or textured surface, or if you're adding a logo, since higher levels let the code stay scannable even when part of it is damaged or covered.
Will adding a logo stop my QR code from scanning?
Not if it's sized correctly. This tool automatically switches to High error correction and caps the logo at a safe size so enough of the code is still readable. Always scan the result with a real phone camera before printing or publishing it.
What's the difference between SVG and PNG export?
SVG is a vector file that stays crisp at any print size, ideal for posters or packaging. PNG is a fixed-resolution image that's simpler to paste into documents, slides, or social posts.
Is my data uploaded anywhere?
No. The QR code is generated and rendered entirely in your browser. Nothing you type, including Wi-Fi passwords, is sent to a server.
Why does my QR code fail to scan?
The most common causes are low contrast between the foreground and background colors, an oversized logo covering too much of the pattern, or too little quiet zone (blank margin) around the code. Try raising the error-correction level, shrinking the logo, or switching to higher-contrast colors.