QR Code Generator
Generate QR codes from text or links, pick colors, drag a logo and verify actual PNG and SVG exports.
QR Code Generator
Use a modern browser with Workers, WebAssembly and OffscreenCanvas.
Live preview
Actual PNG and SVG exports are decoded before download. Results may vary across devices or in print. Content and logos stay in this browser.
Style settings
Logo (optional)
Drop an image or choose a logo
PNG / JPG / WebP · Up to 5MiB / 4MP. Browser only.
Processed content stays in this page’s memory and cannot be recovered after clearing or closing.
About this tool
Encode links or text in your browser, preserving Chinese, newlines, emoji and UTF-8. Pick colors and adjust size, margins and error correction. Add and drag a logo. Downloads unlock only when actual PNG and SVG exports both decode to the original content.
How to use
- Enter text or a link, or use the example. The preview updates automatically.
- Pick foreground and background colors, then adjust size and margin. Add a PNG/JPG/WebP logo and drag it or use the position and size controls.
- Wait for PNG and SVG verification before downloading. If it fails, reduce the logo, increase the margin or restore black and white, then regenerate.
Frequently asked questions
Are entered links opened or contents uploaded?
Entered links are never opened. Text, logos, previews and exports stay in the browser. Only status, duration, counts and download actions are reported. Clearing or leaving releases content.
Why is logo movement restricted?
Logos stay in the central QR area at 5–20% of the symbol width. Finder, alignment, timing patterns and margins remain protected. Logos use error correction H, and actual exports must still pass verification.
Will any color combination scan?
No guarantee is possible. Inversion, low contrast and insufficient margins may impair scanning. Both actual exports must decode correctly, but results can still vary by device, physical size or printing.
Why does content below the byte limit fail?
Capacity also depends on error correction. Logos use level H, reducing capacity. Modules below two pixels are rejected at small output sizes. Shorten the content or increase the size.
How do PNG and SVG differ?
PNG uses the selected pixel dimensions. SVG preserves scalable vector modules and embeds the logo as PNG. Both use the same integer module geometry and no external images.
Discussion & comments
Share your experience and discover more ways to use this tool.
Loading comments…