📱
Photo & Image/QR Code with Logo

QR Code with Logo

Create branded QR codes with a custom logo overlay. High error correction ensures scannability.

100% LOCALLogo overlayLevel H error correctionCustom colorsPNG + SVG
Saved Codes· Auto-save on
▾
Der RechnerPage 1
URLs should start with https:// for auto-opening
#000000
#ffffff
QR PREVIEW
Enter content and a QR code will be generated automatically.
Data Source & Legal Disclaimer
Effective: Current
Sources: ISO/IEC 18004 — QR Code Specification

QR codes are generated locally in your browser using the qrcode library. No data is uploaded. Error correction level H (30%) is used to ensure the QR remains scannable even with a logo overlay.

See all data sources & update policy →
So funktioniert esPage 2

QR code anatomy and error correction — illustrated

A QR symbol (ISO/IEC 18004) is a square grid of modules — black and white cells — built around three large finder patterns in the corners that let a scanner detect orientation, plus timing patterns that anchor the module positions. The payload bytes are split into data codewords and redundant Reed–Solomon codewords, so a damaged or obscured symbol can be reconstructed. The standard defines four error-correction levels — L (7%), M (15%), Q (25%), and H (30%) of the symbol may be lost and still decode. This tool encodes at H specifically because the center logo overlay deliberately destroys modules; with 30% redundancy the scanner can rebuild exactly the area the logo covers. Higher correction shrinks capacity, so the encoder picks the smallest version that fits the payload at level H.

Finder patterns + Reed–Solomon redundancy vs. a center logo overlay
QR STRUCTURE · MODULE GRID◎21×21 grid · 3 finder patternscenter = logo overlay zoneERROR CORRECTION · ISO/IEC 18004L7%M15%Q25%H30%max % of symbol that can be lostReed–Solomon codewords rebuild lost modulesThis tool encodes at H — the center logo still scansHigher correction costs capacity: at H the same payload needs a larger version (more modules) than at L.

At level H, up to 30% of codewords can be erased — the logo placed at the core of the symbol sits safely inside that budget, so the code still scans on the first try.

Worked example

A cafe prints a table-tent QR linking to its weekly menu. The owner wants the shop's circular logo centered on the code without breaking scans.

  1. Payload:The URL https://thecafemenu.example/weekly is 34 characters and encodes in byte mode. At level H the encoder selects a Version 4 symbol (33×33 modules) — Version 3 only holds 24 bytes at level H, which is not enough.
  2. Redundancy:The byte stream is split into data codewords and Reed–Solomon codewords — 100 codewords total at Version 4 level H (36 data + 64 EC). Even with codewords erased by the logo, the scanner can reconstruct them.
  3. Overlay:The 25%-size circular logo covers roughly the central 9×9 module block. The generator pads the area with a background-colored box (15% margin) so the logo edges stay crisp against the modules.
  4. Verify:The finished 400 px PNG downloads and scans instantly on a phone camera from a normal arm reach — the 30% budget absorbs the logo plus minor print smudging.
FAQ & DetailsPage 3

Create branded QR codes with your logo in the center. Everything runs locally; nothing is uploaded.

FreeToolHub QR Code with Logo is a free browser-based tool — create branded QR codes with your logo in the center. No signup, no upload; everything runs locally in your browser.

Über dieses Tool

Was ist dieses Tool?

Erstellen Sie personalisierte QR-Codes mit Ihrem Logo in der Mitte. PNG- und SVG-Export, anpassbare Größe und Fehlerkorrektur. Kostenlos, ohne Anmeldung.

Logo overlayLevel H error correctionCustom colorsPNG + SVG

Was ist der QR-Code mit Logo?

Der QR-Code-mit-Logo-Generator erzeugt scannbare Codes, die Ihr Markenlogo in der Mitte tragen. Geben Sie eine beliebige URL oder Text ein, wählen Sie Vorder- und Hintergrundfarben mit Hex-Vorschau, setzen Sie die Exportgröße zwischen 200 und 1000 Pixeln und laden Sie optional ein PNG- oder SVG-Logo hoch, das zentriert über dem Code auf einer Fläche passend zu Ihrer Hintergrundfarbe platziert wird. Ein Logogrößen-Schieberegler skaliert das Logo von 10 % bis 35 % der Codebreite. Die Vorschau wird etwa 300 Millisekunden nach dem Stoppen der Eingabe automatisch neu generiert und fertige Codes werden als PNG oder als Vektor-SVG exportiert. Die Generierung folgt dem ISO/IEC 18004-QR-Standard über die Open-Source-Bibliothek qrcode.

Wer sollte dieses Tool verwenden?

Kleinere Unternehmen drucken personalisierte Codes auf Speisekarten, Flyern, Fenster-Decals und Visitenkarten, wo ein schlichtes schwarz-weißes Quadrat generisch wirkt. Event-Organisatoren kodieren Registrierungs- oder WLAN-Details und überlagern das Konferenzlogo, damit Teilnehmer den Code als offiziell erkennen. Produktverpackungs-Teams verknüpfen Etiketten mit Benutzerhandbüchern oder Echtheitsprüfungen mit dem eingebetteten Firmenlogo. Marketing-Teams, die Print-Kampagnen durchführen, möchten konsistente Markenfarben anstelle der Standardmodule. Restaurants leiten Gäste zu Bewertungsseiten oder Bestellsystemen mit dem eigenen Logo in der Mitte. Jeder, der QR-Codes gedruckt hat und festgestellt hat, dass das Scannen durch das Logo beeinträchtigt wurde, wird schätzen, dass dieses Tool von Anfang an mit Fehlerkorrektur-Level H generiert, speziell um das Überleben einer Überlagerung zu gewährleisten.

Wie funktioniert es?

(1) Geben Sie die URL oder den Text ein; HTTPS-URLs werden empfohlen, da sie beim Scannen direkt geöffnet werden, und die Vorschau aktualisiert sich nach einer kurzen Entprellzeit ohne Button-Drücken. (2) Passen Sie Farben, Canvas-Größe und optionales Logo an. Der Encoder erstellt die QR-Matrix mit Fehlerkorrektur-Level H, der etwa 30 % redundante Daten speichert, und rasterisiert diese dann auf ein Canvas. Wenn ein Logo vorhanden ist, zeichnet der Code es zentriert mit einer durchgehenden Fläche in Ihrer Hintergrundfarbe, skaliert durch den Logoschieberegler. (3) Laden Sie das Ergebnis herunter: PNG erfasst die exakte Vorschau einschließlich des Logos, während SVG den Code als saubere Vektormarkup für großformatigen Druck neu kodiert. Alles läuft im Browser-Tab.

Zerstört ein Logo-Overlay das Scannen?

Nicht, wenn Sie die Ränder respektieren, die das Tool vorgibt. QR-Codes überstehen Schäden durch Reed-Solomon-Fehlerkorrektur, und dieser Generator verwendet immer Level H, die höchste Stufe, die die Nachricht rekonstruieren kann, selbst wenn etwa 30 % der Module verdeckt sind. Der Logoschieberegler endet bei 35 % der Codebreite, und das Logo sitzt zentriert über dem mittleren Bereich ohne Finder-Muster, mit einer Farbfläche, die verhindert, dass detailsreiche Logo-Pixel in benachbarte Module übergehen. Kontrast ist ebenso wichtig: halten Sie Vorder- und Hintergrundfarben stark differenziert, da blassgrau-auf-weiße Codes unabhängig vom Korrekturlevel fehlschlagen. Testen Sie jeden gedruckten Code mit zwei verschiedenen Telefonkameras vor einer großen Auflage; Papierstruktur und Größenveränderung fügen eigenen Rauschen hinzu.

Häufige Fragen

Zerstört das Überlagern eines Logos das Scannen eines QR-Codes?

Nicht, wenn es richtig gemacht wird. QR-Codes tragen Reed-Solomon-Fehlerkorrektur, und auf höchstem Level (H) überstehen sie bis zu 30 % Schaden - was genau das Budget ist, das ein zentrales Logo verbraucht. Das Logo muss sich im mittleren Bereich befinden, die drei Finder-Quadrate in den Ecken vermeiden und den Code bei angemessener Dichte halten. Dieser Generator wendet standardmäßig Level-H-Korrektur an, was genau der Grund ist, warum Logo-QR-Codes überhaupt funktionieren.

Welchen Farbkontrast benötigt ein QR-Code zum Scannen?

Scanner lesen das Muster durch Kontrast, nicht durch Farbe: die dunklen Module müssen bedeutend dunkler sein als die hellen. Dunkelblau auf Weiß ist perfekt; Hellgrau auf Weiß ist es nicht; und das Invertieren (heller Code auf dunklem Hintergrund) scheitert an vielen Scannern, obwohl es stilvoll aussieht. Halten Sie das Logo selbst außerhalb des Datenbereichs oder mit hohem Kontrast dazu, und testen Sie es auf einem echten Telefon vor dem Drucken.

Kann ich die Website-URL nach dem Drucken des QR-Codes ändern?

Nein - ein statischer QR-Code kodiert das Ziel dauerhaft in seinem Muster; die Pixel SIND der Link. Wenn die URL sich ändern könnte, kodieren Sie eine kurze Weiterleitung, die Sie kontrollieren (Ihre Domain/qr/1, die zum echten Ziel weiterleitet), sodass eine zukünftige Änderung eine serverseitige Weiterleitung statt eines Neu-Druckens ist. Der Generator kodiert genau den Text, den Sie eingeben - diese Permanenz ist ein Feature, keine Einschränkung, wenn Sie es von Anfang an wissen.

Warum funktioniert mein QR-Code auf dem Bildschirm, aber nicht ausgedruckt?

Drei übliche Übeltäter: Druckgröße unter ~2 cm (Handys benötigen eine minimale Modulgröße zum Fokussieren), Tintenausbreitung, die die Lücken zwischen den Modulen schließt (vergrößern Sie die Ruhezone oder verwenden Sie weniger Zeichen), oder Glanzpapier, das den Kontrast unter Raumlicht tötet. Exportieren Sie in hoher Auflösung, drucken Sie Broschüren in 3 cm oder größer, und führen Sie einen echten Scan-Test des gedruckten Stücks durch - nicht nur des Bildschirms.

Wie groß kann mein Logo sein, ohne die QR-Code-Scanbarkeit zu beeinträchtigen?

QR-Codes verwenden Reed-Solomon-Fehlerkorrektur. Auf höchstem Level (H) können bis zu 30 % des Codes verdeckt sein und der Code bleibt zuverlässig scannbar. Halten Sie Ihr zentrales Logo unter 20 % der QR-Fläche für universelle Scanner-Kompatibilität. Dieses Tool wendet automatisch Fehlerkorrektur-Level H an und zeigt eine Scanbarkeits-Vorschau vor dem Export.

Welche Ausgabeformate und -größen sind verfügbar?

Exportieren Sie als PNG (bis zu 2048×2048 px für den Druck), SVG (unendlich skalierbar für Beschilderungen und Verpackungen) oder PDF. Passen Sie Vordergrund/Hintergrundfarben, Punktstil (quadratisch, abgerundet, Punkte) und Finder-Musterform an. Ein personalisierter QR-Code mit Ihrem Logo erhöht die Scanraten um 20-40 % im Vergleich zu generischen schwarz-weißen Codes, gemäß Branchen-A/B-Tests.

How large can my logo be without breaking QR scannability?

QR codes use Reed-Solomon error correction. At the highest level (H), up to 30% of the code can be obscured and still scan reliably. Keep your center logo under 20% of the QR area for universal scanner compatibility. This tool auto-applies error correction level H and shows a scannability preview before export.

What output formats and sizes are available?

Export as PNG (up to 2048×2048px for print), SVG (infinitely scalable for signage and packaging), or PDF. Customize foreground/background colors, dot style (square, rounded, dots), and finder pattern shape. A branded QR code with your logo increases scan rates by 20-40% compared to generic black-and-white codes, per industry A/B tests.

Verwandte Tools

Teilen:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.