Browser-only · no sign-up · no uploads

QR Code Maker with Logo Layering

Drop your logo into the centre of a QR code, tune the dot and corner styles, and export print-ready files for packaging, shelf tags and promo flyers. The generator writes the code, the error-correction and the logo backing for you — so it still scans on a busy shop floor.

Your logo and data are processed entirely in your browser — nothing is uploaded or stored.

  • High error correction switches on automatically when a logo is present.
  • Logo size is capped at a safe share of the code, with a warning before you go too far.
  • Exports a clean PNG for quick jobs and a crisp SVG for packaging artwork.

Build your QR code

Type a link — the preview updates as you go. Everything below runs on this device.

What should the code open?

Product page, promo landing page, Wi-Fi-free review link, catalogue PDF, or any plain text.

Tip: use a short, stable link (your own domain if possible). Short links make smaller, easier-to-scan codes — and they keep printing costs down.
0 characters Capacity: —
Quick starts
Swap example.com for your own address before you print.

Logo layering (optional)

PNG, JPG or SVG, up to 2 MB. Files never leave this page.

No logo to hand? Download a sample PNG or sample SVG and drop it in to try the layering.

Live preview

Shown at screen size — always proof at the real print size before a big run.

Your QR code appears here Start typing a link in step 1 — the preview redraws on every keystroke.

Version Modules Error correction Export 1024 px

    A 4-module quiet zone is always included, so the code stays readable when it sits next to artwork or shelf-edge text.

    Style, colour and export controls

    Dot & corner style

    Bold styles read best on packaging; dots suit a softer brand look.

    Dot style
    Corner eye style
    Higher levels survive scratches, glare and logo coverage — at the cost of a denser code. Leave it on Auto unless you have a reason.

    Colours

    Dark modules on a light background scan best. Keep the contrast high.

    Use a single flat colour for mass printing.
    Match your label stock for a printed-on look.
    Presets

    Size & export

    Pick pixels for screen, or a print-ready dimension for packaging.

    PNG exports at exactly this pixel size. SVG scales to any size without quality loss — the best choice for packaging artwork.
    Suggested QR code print sizes for common retail uses
    UsePrinted width
    Shelf tag / price rail≥ 1.5 cm
    Product label or sticker≥ 1.8 cm
    Flyer or leaflet≥ 2.5 cm
    Poster, seen from 1 m≥ 4 cm

    Rule of thumb: printed size (cm) ≈ scan distance (cm) ÷ 10. Add a margin on cheap or matte stock.

    How the logo-friendly QR code is built

    Three decisions keep a branded code scannable: a strong error-correction level, a logo that covers only a small share of the code, and a clean quiet zone around the outside.

    Error correction is raised

    A QR code stores redundant data so it can still be read when part of it is damaged. With a logo in the middle, this tool switches to level H — about 30% of the code can be unreadable and phones still resolve the link.

    The logo gets a safe panel

    Your logo sits on an optional white or rounded backing so it never merges with dark modules. The size slider is capped at 25% of the code width, and warns once you leave the comfortable range.

    The quiet zone is preserved

    Every export keeps a 4-module clear margin. That margin is what lets a camera find the code's corners on a crowded shelf, a curved bottle or a busy flyer.

    Frequently asked questions

    Quick answers about logo layering, scannability and print sizes.

    Will a logo break my QR code?

    No — if the logo stays inside the safe area. A QR code carries redundant data, and at error-correction level H roughly 30% of the code can be obscured while still decoding. This tool switches to H as soon as you add a logo, keeps the artwork centred, and caps the logo at 25% of the code width.

    Two habits keep you safe: keep the logo under about 20% of the width, and leave the four-corner finder patterns (the big squares) and the quiet zone untouched. After any change, scan the on-screen preview with two different phones before you go to press.

    What size should I print this?

    Work backwards from the scanning distance: printed width in centimetres should be roughly the distance in centimetres divided by ten. A customer scanning a shelf tag from 25 cm needs about 2.5 cm of code; a poster read from 1 m wants 10 cm.

    • Shelf tags and labels: 1.5–2.5 cm
    • Flyers: 2.5–4 cm
    • Packaging and posters: 4 cm and up, exported as SVG
    Should I use PNG or SVG for packaging?

    Use SVG whenever the artwork goes to a printer, designer or packaging template — it is vector, so it stays perfectly sharp at any size and prints cleanly at 300–1200 dpi. Use PNG for web, email, receipts and quick office printouts; 1024 px covers most shelf tags and 2048 px covers labels and stickers.

    Do these codes expire, and can I track scans?

    The code itself never expires: it is generated from the exact text you typed, with no account, redirect or hosted short link attached. That also means it cannot break because a third-party service shut down.

    It does not track scans on its own. If you need analytics, encode a link you control (your site, or a campaign URL with UTM tags) and measure there — the quick-start buttons include a UTM example.

    Is my logo uploaded anywhere?

    No. The file is read locally by your browser with the FileReader API and drawn straight onto the canvas or into the SVG. There is no backend, no database and no upload request — you can even disconnect from the internet after the page loads and keep working.