Ein Logo in einen QR-Code einzufügen wirkt professionell — bis Kunden melden, dass er sich nicht mehr scannen lässt. Das Problem liegt meistens nicht am Logo selbst, sondern an einem Logo in der falschen Größe, an der falschen Position oder mit zu wenig Kontrast zu den umliegenden Modulen. Dieser Leitfaden erklärt die konkreten Regeln, mit denen du einen QR-Code selbstbewusst brandest, ohne die Scan-Zuverlässigkeit aufs Spiel zu setzen.
Warum Logos Scans ruinieren (und warum manchmal eben nicht)
QR-Codes nutzen eine Funktion namens Fehlerkorrektur, um physische Beschädigungen oder visuelle Verdeckungen auszugleichen. Es gibt vier Fehlerkorrektur-Stufen:
| Stufe | Datenwiederherstellungskapazität | Für Logos geeignet? |
|---|---|---|
| L | 7 % | Nein |
| M | 15 % | Grenzwertig |
| Q | 25 % | Ja |
| H | 30 % | Beste Wahl |
Wenn du ein Logo einbettest, verdeckst du absichtlich Module. Übersteigt der verdeckte Bereich das Fehlerkorrektur-Budget, schlägt der Decoder fehl. Stufe H gibt dir den meisten Spielraum — nutze sie immer, wenn du eine grafische Überlagerung planst.
Der entscheidende Punkt: Fehlerkorrektur gibt dir kein unbegrenztes Kontingent. Sie definiert eine harte Obergrenze. Überschreitest du sie, kann keine Software den Scan noch retten.
Die 30-%-Regel — und warum du bei 20 % aufhören solltest
Die gängige Empfehlung lautet, die Logo-Abdeckung bei maximal 30 % der gesamten QR-Code-Fläche zu halten (entsprechend der Kapazität von Stufe H). In der Praxis solltest du 20 % als deine Arbeitsgrenze behandeln — aus drei Gründen:
- Drucktoleranzen. Offset- und Digitaldruck erzeugen Tintenausdehnung. Ein Logo, das am Bildschirm 28 % misst, kann nach der Tintenabsorption auf Papier deutlich mehr einnehmen.
- Nähe zu den Finder-Patterns. Die drei quadratischen „Augen" in den Ecken sind für das Decodieren unverzichtbar. Jedes Logo, das in sie hineinragt, senkt die Scan-Rate drastisch — selbst wenn der Gesamtprozentsatz unbedenklich aussieht.
- Eindringen in die Ruhezone. Der leere Rand um den Code ist Teil der Spezifikation. Logos mit äußerem Glühen oder Schatten können diesen Bereich optisch verkleinern.
Setze dein Logo auf 20 % der gesamten QR-Code-Fläche, stelle sicher, dass keine Kante ein Finder-Pattern berührt, und du hast einen komfortablen Puffer.
Platzierung: Die Mitte ist nicht immer die beste Wahl
Die Mittenplatzierung ist Standard und funktioniert gut bei quadratischen oder runden Logos. Es lohnt sich jedoch zu verstehen, warum die Mitte bevorzugt wird: Die datenreichsten Module befinden sich nahe den Rändern und Ecken, während der mittlere Bereich (abseits der Timing-Patterns) tendenziell redundante Daten enthält, die die Fehlerkorrektur leichter rekonstruieren kann.
Wann die Mitte nicht funktioniert:
- Dein Logo ist im Querformat (breite Rechtecke, die horizontal zentriert sind, beginnen die Timing-Patterns oben und unten zu beeinträchtigen)
- Dein Markenzeichen enthält sehr dünne Linien, die verschwinden, wenn sie auf die 20-%-Fläche skaliert werden
Für Querformat-Logos gibt es zwei Optionen:
- Eine quadratische Version des Zeichens für den Einsatz im Code zuschneiden
- Das vollständige Logo unterhalb des Codes mit großzügiger Ruhezone platzieren, anstatt es darüber zu legen — das ist sauberer und birgt kein Scan-Risiko
Kontrast und Hintergrundfarbe in der Logo-Zone
Die Module rund um dein Logo müssen weiterhin als Dunkel auf Hell (oder umgekehrt) erkennbar sein. Ein häufiger Fehler ist ein weißes Logo auf einem weißen Hintergrundfeld, das eine mehrdeutige Lücke hinterlässt, die der Decoder allein durch Fehlerkorrektur überbrücken muss. Die bessere Vorgehensweise:
- Gib dem Logo einen einfarbigen, opaken Hintergrund, der der hellen Farbe des Codes entspricht oder ihr nahekommt
- Halte mindestens einen 1 Modul breiten Abstand aus sauberem hellen Raum zwischen der Logo-Kante und den nächsten dunklen Modulen ein
- Vermeide Verläufe im Logo, die dazu führen, dass Modulfarben nahe der Grenze mehrdeutig werden
Einen umfassenden Überblick über Kontrastanforderungen für den gesamten Code, Mindestquoten sowie Farbkombinationen, die Kamera-Fehler verursachen, findest du in unserem QR-Code-Farbkontrast-Leitfaden.
Physische Größe und das Mindest-Pixel-Budget
Sowohl die Logo-Lesbarkeit als auch die QR-Zuverlässigkeit hängen davon ab, dass der Code groß genug gedruckt oder angezeigt wird. Ein Logo, das in einen 2 cm × 2 cm großen Code bei 20 % Abdeckung gequetscht wird, ist ungefähr 4 mm groß — als Branding unsichtbar und belastet trotzdem das Fehlerkorrektur-Budget.
Praktische Mindestwerte:
- Druck: QR-Code mindestens 3 cm × 3 cm, damit ein Logo erkennbar bleibt
- Bildschirm: QR-Code mindestens 300 × 300 px, bevor die Logo-Ebene hinzugefügt wird
- Plakat / Großformat: Logo proportional skalieren; die 20-%-Flächenregel gilt weiterhin — überdimensioniere es nicht, nur weil Platz vorhanden ist
Testen, bevor du in den Druck gehst
Keine Designregel ersetzt das Testen. Bevor du in den Druck sendest:
- Exportiere das fertige Design in der endgültigen Druckauflösung
- Teste mit mindestens drei Apps: der nativen iOS-Kamera, der nativen Android-Kamera und einer eigenständigen Scanner-App
- Teste bei unterschiedlichen Lichtverhältnissen (helles Deckenlicht, gedämmtes Umgebungslicht)
- Wenn du einen dynamischen Code verwendest — der es dir ermöglicht, die Ziel-URL zu aktualisieren, ohne neu zu drucken — stelle sicher, dass die Weiterleitung korrekt aufgelöst wird
Dynamische Codes sind hier besonders relevant, weil gebrandete Codes häufig auf Verpackungen oder gedruckten Materialien mit langer Lebensdauer erscheinen. Wenn sich das Ziel ändert, ermöglicht ein dynamischer QR-Code, den Link zu aktualisieren, ohne das physische Material neu gestalten oder neu drucken zu müssen.
Du kannst diese gebrandeten Codes direkt über den Super QR-Code-Generator erstellen — mit Fehlerkorrektur-Stufe H, die automatisch als Standard gesetzt wird, sobald ein Logo erkannt wird.
Die wichtigsten Erkenntnisse
- Verwende Fehlerkorrektur-Stufe H immer dann, wenn du ein Logo einbettest
- Halte die Logo-Abdeckung bei 20 % der gesamten Code-Fläche oder darunter — nicht das theoretische Maximum von 30 %
- Lass das Logo niemals die drei Finder-Patterns in den Ecken überlappen oder beeinträchtigen
- Querformat-Logos funktionieren besser, wenn sie unterhalb des Codes platziert werden, anstatt darin zentriert zu sein
- Gib dem Logo einen opaken Hintergrund und 1-Modul-Abstand, um Kontrastmehrdeutigkeiten zu vermeiden
- Teste stets auf echten Geräten, bevor du in den Druck gehst — besonders bei Verpackungsauflagen
- Kombiniere einen gebrandeten Code mit einer dynamischen URL, damit du Ziele ohne Neugestaltung aktualisieren kannst