Text or URL
Drop a logo here, or
Preview
Type some text or a URL, then add a logo image.
Put your company, shop, YouTube or Instagram logo in the middle of a QR code to keep it on-brand without breaking the scan. Enter a URL or any text, drop in a logo image (PNG, JPG, SVG or WebP), and a QR code with the logo centered is previewed instantly. Because a logo covers part of the code, the error-correction level defaults to H (tolerates about 30% damage) so it stays scannable. You can adjust the logo size (as a percentage of the code), the padding around it, an optional backing plate behind the logo, rounded corners, foreground and background colors, the module size, and the quiet-zone margin. Most logo QR generators upload your URL and logo to a server to render the image, but this tool performs both the QR encoding (Reed-Solomon error correction and mask selection) and the logo compositing entirely inside your browser. Your logo and URL are never uploaded, stored, or sent anywhere, so it's safe to use for unreleased campaign links or confidential logos. For reliable scanning, don't make the logo too large, and always test the printed result with a real phone camera.
How to use
- Type the URL or text you want to encode into the input box (use "Sample" to try an example).
- Add your logo with "Choose image" or drag and drop, then adjust the logo size, padding, backing plate and colors — the preview updates instantly.
- Click "Download PNG" to save it. Neither your text nor your logo is sent anywhere.
FAQ
Are the URL I enter and the logo I add sent to a server?
No. Both the QR code generation (encoding, error correction and mask selection) and the logo compositing run in your browser with JavaScript. Your URL, text and logo image are never uploaded, stored, or sent to a server, so it's safe to use unreleased campaign links or confidential logos.
Will the QR code still scan with a logo on it?
Yes. QR codes include error correction, which lets them scan even when part of the code is missing or covered. This tool defaults to the H level (recovers up to about 30% damage) precisely because you're overlaying a logo. Still, a logo that's too large will stop it from scanning — keep the logo around 20–25% of the code, and always test the printed result with a phone camera before you share it.
How large should the logo be?
Around 20–25% of the whole code is a safe range. The default here is 22%, which usually scans fine at error-correction level H. Going above 30% makes failures likely. Turning on the backing plate (a solid square behind the logo) separates the logo cleanly from the surrounding modules and makes scanning more reliable.
What logo image formats can I use?
Any format your browser can display — PNG, JPG, SVG and WebP all work. Use a PNG or SVG with a transparent background and turn on the backing plate so the logo looks clean on top of the code. The logo is centered and scaled to keep its aspect ratio.
What are the backing plate and rounded-corner options for?
The backing plate draws a square in your background color behind the logo, hiding the code modules underneath. This raises contrast around the logo and makes scanning more reliable. Rounded corners soften the logo and backing plate for a friendlier look. Both can be toggled on or off to suit your design and scanning needs.
Can I print it?
Yes. Increase the module size (px) for a higher-resolution PNG suitable for flyers, business cards and posters. When printing, keep enough contrast (dark foreground, light background) and leave the quiet-zone margin around the code. Always verify the printed code with a real phone camera.