QR code from URL
Generate a QR code for any URL, with control over error-correction level, size, foreground/background colour, and optional centre logo. SVG and PNG output.
How to use
- Paste a URL.
- (Optional) Adjust Error correction — L (smaller code, no logo), M (default), Q (allows small logo), H (highest, logos up to ~30% of area).
- Pick Colours — keep contrast high; light-on-dark works but isn't allowed on print signs.
- Drop an optional Logo (PNG/SVG) — the tool reserves the centre and you'll be warned if the logo is so large the code may stop scanning.
- Download as SVG (recommended for print) or PNG (recommended for the web).
Choosing error-correction level
- L (~7%) — smallest code, fits short URLs. No logo.
- M (~15%) — sensible default. Survives a smudge or two.
- Q (~25%) — pick when adding a small centre logo or printing on glossy stock.
- H (~30%) — for large logos or rough surfaces. Code is denser, so use a bigger size.
FAQ
Why is my QR not scanning?
Most failures come from low contrast (light foreground on white) or a logo that ate too much of the data area. Test with two different phone cameras before printing; codes with logos at Q level scan reliably up to about 20% area.
SVG or PNG?
SVG for print and high-DPI displays — it scales infinitely. PNG for the web when you need exact pixel dimensions or compatibility with image-only contexts.
Can I add a logo?
Yes — drop a PNG / SVG into the logo slot. Keep the logo to < 20% of the area at Q correction, < 30% at H correction.
Anything sent to a server?
No — the QR encoder runs entirely in your browser (uses the open-source qrcode library, lazy-loaded from a CDN once).