QR-Code mit Logo: so bleibt er zuverlässig scanbar

Das Markenteam Ihres Kunden hat eine eiserne Regel: Das Logo gehört auf alles. Dann reicht man Ihnen einen QR-Code für die neue Plakatkampagne und bittet Sie, das Logo in die Mitte zu setzen, das Markenblau zu treffen und das Ganze bis Freitag in die Druckerei zu bringen. Der Code muss quer durch einen Raum scannen lassen, in einer schummrigen Bar, auf einem vier Jahre alten Android-Handy, das nie ein Update gesehen hat.

Hier kommt der beruhigende Teil. Sie können ein Logo in einen QR-Code setzen, und ein sauber gestalteter Marken-Code scannt genauso zuverlässig wie ein schlichter. Der Haken ist, dass fast jeder Ratgeber im Netz dieselbe Zahl wiederholt, "ein Logo darf bis zu 30% verdecken", und sie falsch versteht. Genau dieses eine Missverständnis ist der Grund, warum so viele Marken-Codes auf dem Bildschirm perfekt aussehen und dann auf dem gedruckten Plakat versagen.

Dieser Leitfaden erklärt, was ein Logo tatsächlich in einem QR-Code möglich macht, wie viel Sie wirklich verdecken dürfen, welche Bereiche Sie niemals antasten dürfen und wie Sie Markenfarben beibehalten, ohne den Scan zu ruinieren. Die Zahlen stammen aus dem QR-Standard selbst, ISO/IEC 18004, und von Denso Wave, dem Unternehmen, das das Format erfunden hat. Wo etwas eher eine praktische Faustregel als eine feste Spezifikation ist, sagen wir das ausdrücklich.

Warum ein Logo einen QR-Code nicht zerstört

Ein QR-Code ist keine Fotografie, die pixelgenau sein muss. Er ist Datenmaterial mit eingebautem Reparaturset. Jeder Code trägt zusätzliche Informationen mit sich, berechnet mit einem Verfahren namens Reed-Solomon-Fehlerkorrektur, mit dem ein Scanner Teile des Codes rekonstruieren kann, die er nicht lesen kann. Ein Kratzer, ein Kaffeering, ein Knick im Flyer oder ein Logo, das über einigen Modulen liegt, sehen für den Decoder alle gleich aus: fehlende Daten, die er bis zu einer Grenze wiederherstellen kann.

Diese Grenze wird in dem Moment festgelegt, in dem der Code erzeugt wird, durch die Wahl einer von vier Fehlerkorrekturstufen.

Die vier Fehlerkorrekturstufen

Es gibt genau vier, und sie sind im Standard festgeschrieben. In aufsteigender Stärke:

• Stufe L (Low): kann rund 7% der Daten des Codes wiederherstellen.
• Stufe M (Medium): rund 15%.
• Stufe Q (Quartile): rund 25%.
• Stufe H (High): rund 30%.

Jetzt die Feinheit, die fast jeder andere Artikel überspringt. ISO/IEC 18004 definiert diese Prozentwerte als den Anteil der Codewörter, der wiederhergestellt werden kann, nicht als den Anteil des Bildes, den Sie verdecken dürfen. Ein Codewort ist ein Acht-Bit-Block der kodierten Daten. Stufe H bedeutet, dass die Mathematik bis zu etwa 30% dieser Datenblöcke rekonstruieren kann, was nicht dasselbe ist wie die Aussage "Sie dürfen 30% des Bildes schwärzen". Dieser Sprung von Daten zu Bild ist die Wurzel des häufigsten Branding-Fehlers, und wir kommen gleich darauf zurück.

Die praktische Anweisung ist einfach: Erzeugen Sie jeden Code, der ein Logo trägt, immer auf Stufe H. Sie gibt Ihnen das größte Reparaturbudget, und den größten Teil dieses Budgets werden Sie für die reale Welt brauchen, nicht für das Logo.

Wie viel des Codes darf ein Logo tatsächlich verdecken?

Es gibt im gesamten QR-Standard keine maximale Logo-Größe. Keine. ISO/IEC 18004 beschreibt die Fehlerkorrekturkapazität und sagt nichts über das Einbetten von Logos, weil Logos überhaupt kein Merkmal des Formats sind. Ein Logo funktioniert nur, weil das Verdecken einiger weniger Module für den Scanner wie ein Schaden aussieht, den er reparieren kann.

Woher kommt also das berühmte "bis zu 30%"? Es ist der 30%-Datenwert von Stufe H, stillschweigend zu "30% des Bildes" umgeschrieben. Das als Zielvorgabe zu nehmen, ist gleich doppelt falsch: Es verwechselt Daten mit Bildfläche, und es verbraucht Ihr gesamtes Reparaturbudget für das Logo, sodass nichts mehr für die Bedingungen übrig bleibt, denen der Code in Wirklichkeit begegnet.

Stellen Sie sich das Reparaturbudget als einen einzigen gemeinsamen Topf vor. Ein zentriertes Logo schöpft daraus. Genauso die Blendung auf einem glänzenden Plakat, ein Tintenfleck, ein leichter Versatz im Druck, das Ausbleichen nach Monaten in einem Schaufenster und das Bildrauschen einer billigen Handykamera bei schlechtem Licht. Was immer das Logo nimmt, kann die Umgebung nicht haben. Geben Sie einen Teil des Topfes für das Logo aus und halten Sie den Rest in Reserve.

In der Praxis bedeutet das, ein Logo auf rund 15% bis 25% der Fläche des Codes zu beschränken, zentriert und nicht größer. Viele Gestalter zielen auf etwa 20% und belassen es dabei. Das ist eher eine Faustregel als eine Spezifikation, aber eine gut begründete, denn sie lässt echten Spielraum für Beschädigungen. Es gibt noch einen leiseren, technischeren Grund, zurückhaltend zu bleiben. Reed-Solomon arbeitet Block für Block, nicht über den gesamten Code auf einmal. Ein großes, in der Mitte konzentriertes Logo kann die Korrekturkapazität genau der Blöcke erschöpfen, auf denen es sitzt, selbst wenn der Gesamtprozentsatz noch sicher aussieht. Kleiner und zentriert schlägt jedes Mal groß und ehrgeizig.

Die Bereiche, die Sie niemals verdecken dürfen

Die Fehlerkorrektur schützt die Daten. Sie schützt nicht die Bereiche des Codes, die der Scanner überhaupt erst nutzt, um ihn zu finden und zu lesen. Verdecken Sie einen davon, und keine Fehlerkorrekturstufe der Welt hilft, weil der Decoder den Code nicht einmal erfassen kann, um mit der Reparatur zu beginnen.

Hier steht, was jeder nummerierte Bereich im Diagramm ist und warum er tabu ist:

1. Suchmuster, die drei großen Quadrate in den Ecken. Sie ermöglichen es einem Scanner, den Code, seine Größe und seine Drehung aus jedem Winkel zu erkennen. Sie sind das Erste, wonach der Decoder sucht, deshalb lässt schon das Verdecken einer einzigen Ecke den Scan sofort scheitern.
2. Ausrichtungsmuster, die kleineren Quadrate, die auf allen außer den winzigsten Codes vorhanden sind. Sie korrigieren Verzerrungen, sodass der Code auch dann noch gelesen wird, wenn er auf einer gewölbten Flasche, einem gefalteten Flyer oder schräg fotografiert sitzt.
3. Taktmuster, die gepunkteten Linien, die zwischen den Suchmustern verlaufen. Sie teilen dem Decoder mit, wie viele Module der Code hat und wo das Raster liegt.
4. Ruhezone, der freie Rand ringsherum. Der Standard verlangt einen leeren Rand von mindestens vier Modulen auf jeder Seite. Ohne ihn lesen Scanner den umgebenden Text oder die Grafik als Teil des Codes und geben auf.
5. Die Mitte, der einzige sichere Platz für ein Logo. Die Mitte trägt gewöhnliche Daten, also genau das, was die Fehlerkorrektur wiederherstellen kann, deshalb gehört das Logo hierher und nirgendwo sonst.

Die Regel, die sich daraus ergibt, ist kurz: Halten Sie das Logo zentriert und klein, geben Sie ihm ein sauberes weißes Polster, damit es nicht in die umliegenden Module ausläuft, und lassen Sie niemals eine Grafik, ein Hintergrundbild oder einen Schlagschatten die drei Ecken, die Ausrichtungsquadrate, die Taktlinien oder den Rand berühren.

Markenfarben, ohne den Scan zu ruinieren

Bei der Farbe prallen Markenrichtlinien und Scanbarkeit am häufigsten aufeinander. Ein QR-Code wird über Reflexion gelesen: Der Scanner braucht dunkle Module, die Licht absorbieren, auf einem hellen Hintergrund, der es reflektiert. Der Standard ist eindeutig darin, dass ein dunkles Modul eine binäre Eins und ein helles Modul eine binäre Null ist und dass das gesamte Format auf dunklen Bildern auf hellem Hintergrund aufgebaut ist.

Daraus ergeben sich eine feste Regel und eine weichere.

Die feste Regel: Der Vordergrund muss deutlich dunkler sein als der Hintergrund, mit einem großen Helligkeitsabstand zwischen beiden. Eine dunkle Markenfarbe auf Weiß ist sicher. Tiefes Marineblau, Flaschengrün oder eine fast schwarze Markenfarbe funktionieren alle. Was scheitert, ist geringer Kontrast, etwa ein blasser oder neonfarbener Vordergrund, zwei Mitteltöne, die in der Helligkeit nah beieinanderliegen, ein Verlauf, der die Module in den Hintergrund übergehen lässt, oder ein unruhiges Foto hinter dem Code.

Die weichere Regel ist das oft zitierte "Kontrastverhältnis von 4:1". Es lohnt sich zu wissen, dass diese Zahl nicht im QR-Standard steht. Sie ist aus den Richtlinien zur Web-Barrierefreiheit (WCAG) entliehen, bei denen es um die Lesbarkeit von Text geht, und dann nachträglich als Gestaltungsheuristik auf QR-Codes übertragen. Sie ist ein vernünftiges Minimum, das man anstreben kann, aber behandeln Sie sie als Faustregel, nicht als Spezifikation. Die förmliche Art, wie eine Druckerei den Kontrast eines Codes bewertet, ist ISO/IEC 15415, das den Symbolkontrast misst, den Reflexionsabstand zwischen dem hellsten und dem dunkelsten Modul, sowie die Modulation, also wie gleichmäßig dieser Abstand über den gesamten Code hinweg bleibt. Verläufe, Durchscheinen von der Rückseite dünnen Papiers und ungleichmäßige Tinte ziehen diese Bewertungen alle nach unten. Die praktische Erkenntnis ist in beiden Fällen dieselbe: Je größer und sauberer der Abstand zwischen Dunkel und Hell, desto mehr Strapazen übersteht der Code.

Können Sie ihn umkehren, helles Logo auf dunklem Code?

Die Farben umzukehren, helle Module auf dunklem Hintergrund, ist bei dunkel gehaltenen Designs verlockend. Der Standard erlaubt es technisch und nennt es Reflexionsumkehr. Echte Scanner sind eine andere Sache. ZXing, die Open-Source-Engine hinter einem großen Teil der Android-Apps und älterer Scan-Apps, sucht standardmäßig nicht nach invertierten Codes. Ihr Maintainer hat unmissverständlich gesagt, dass invertierte Codes nicht Teil der vorgeschriebenen Spezifikation sind und nicht verwendet werden sollten und dass das standardmäßige Suchen nach ihnen die Hälfte der Verarbeitungszeit jedes Scans für einen seltenen Fall verschwenden würde. Neuere Handykameras kommen oft damit zurecht, aber ein nennenswerter Anteil älterer Lesegeräte wird es nicht tun. Für alles, was in den Druck geht und wo Sie nicht wählen können, welches Handy es scannt, bleiben Sie bei dunklen Modulen auf hellem Hintergrund. Wenn das Layout einen dunklen Look verlangt, setzen Sie den Code selbst auf ein eigenes kleines helles Feld innerhalb des Designs.

Der versteckte Übeltäter: eine lange URL

Hier ist der Fehler, der Agenturen am häufigsten erwischt, weil er mit dem Logo überhaupt nichts zu tun hat. Je mehr Daten Sie kodieren, desto mehr Module braucht der Code. QR-Codes gibt es in Versionen von 1, mit 21 mal 21 Modulen, bis 40, mit 177 mal 177, wobei sie bei jedem Schritt um vier Module pro Seite wachsen. Ein kurzer Link kodiert sich in eine niedrige Version mit großen, kräftigen Modulen. Eine lange, mit Parametern vollgestopfte Kampagnen-URL erzwingt eine hohe Version: Hunderte winziger Module, zusammengepfercht in dasselbe gedruckte Quadrat.

Dann läuft zweierlei zugleich schief. Die Module schrumpfen, sodass eine Kamera sie schwerer auflösen kann, besonders aus der Entfernung oder bei schlechtem Licht. Und ein dichterer Code hat weniger Spielraum herzugeben, sodass dasselbe zentrierte Logo nun einen größeren Anteil der Daten verdeckt und einen größeren Anteil Ihres Reparaturbudgets. Das Logo hat sich nicht verändert. Die URL hat es fatal gemacht.

Das ist der stärkste praktische Grund, Marken-Codes über einen kurzen, dynamischen Link zu leiten. Ein dynamischer QR-Code kodiert eine winzige Weiterleitungsadresse, etwa scankit.app/r/ab12cd, ganz gleich, wie lang oder chaotisch das eigentliche Ziel und seine Tracking-Parameter sind. Der gedruckte Code bleibt eine niedrige Version mit großen, robusten Modulen, die sowohl ein Logo als auch die reale Welt verkraften. Als Bonus können Sie, weil das Ziel in der Weiterleitung steckt und nicht im gedruckten Code, einen Tippfehler korrigieren oder die ganze Kampagne umlenken, nachdem sie in den Druck gegangen ist. Diesen Kompromiss wägen wir in voller Breite in dynamische gegenüber statischen QR-Codes ab, und die Korrektur nach dem Druck in das Ziel eines Codes ändern, ohne neu zu drucken. Es bedeutet auch, dass Sie, falls ein gedruckter Aufkleber jemals manipuliert oder überklebt wird, nicht hilflos sind, was Teil des größeren Bildes in QR-Code-Sicherheit für Agenturen ist.

Einen Marken-Code exportieren und drucken

Ein Marken-Code kann jeden Test am Bildschirm bestehen und auf Papier trotzdem scheitern, wenn er unachtsam exportiert oder gedruckt wird.

Exportieren Sie als Vektor, nicht als Raster. Geben Sie der Druckerei eine SVG- oder EPS-Datei statt einer PNG oder JPG. Vektor hält jede Modulkante in jeder Größe und in der vollen Auflösung der Druckerei gestochen scharf, und genau das schützt Kontrast und Modulation. Ein Raster-Export riskiert weiche, kantengeglättete Ränder und Kompressionsrauschen, sobald er auf Plakatgröße aufgeblasen wird, und weiche Ränder sind für einen Scanner schwerer sauber zu lesen. Wenn Sie wirklich eine Rasterdatei liefern müssen, befolgen Sie die Regel von Denso Wave, dass jedes Modul mindestens vier gedruckte Punkte breit sein sollte, und denken Sie daran, dass größere Module stabiler sind.

Polstern Sie das Logo. Geben Sie dem zentrierten Logo seine eigene kleine weiße Aussparung, damit es in einem sauberen Bereich sitzt und nicht mit den umliegenden dunklen Modulen verschmilzt. So bleibt das Modulraster bis an den Rand des Logos eindeutig.

Achten Sie auf Größe und Umgebung. Die physische Größe im Verhältnis zur Scan-Entfernung ist ein Thema für sich, und wir behandeln die Zahlen in wie groß ein QR-Code sein sollte. Kurz gefasst für einen Marken-Code: Größere Module lesen sich aus größerer Entfernung, und die Ruhezone muss das Layout überstehen, lassen Sie also keinen Gestalter in den Rand hineinschneiden, um Platz für eine Bildunterschrift zu schaffen.

Testen Sie ihn, bevor er in den Druck geht

Vorschauen am Bildschirm schmeicheln Ihnen. Ein Code, der von Ihrem Monitor scannt, eine Handbreit von einer Webcam im Bürolicht entfernt, sagt Ihnen so gut wie nichts über einen Code auf einem Plakat drei Meter entfernt unter den Halogenstrahlern eines Ladens. Bevor ein Marken-Code freigegeben wird, unterziehen Sie ihn einem echten Test:

1. Drucken Sie einen Andruck in Endgröße, wenn möglich auf dem tatsächlichen Material. Bürolaser oder Tintenstrahl genügt für einen ersten Durchgang; es geht darum, vom Bildschirm wegzukommen.
2. Scannen Sie ihn mit mehreren Handys, und sorgen Sie dafür, dass mindestens eines ein älteres Android ist. Neue iPhones verzeihen vieles, was ältere Lesegeräte nicht verzeihen.
3. Testen Sie bei echtem Licht, auch bei gedämpfter und ungleichmäßiger Beleuchtung, und aus der Entfernung, in der die Leute tatsächlich stehen werden.
4. Fügen Sie die reale Schicht hinzu: Scannen Sie ihn unter der Laminierung, durch die Fensterfolie oder hinter der Speisekartenhülle, in der er leben wird, denn Glanz und Blendung verändern alles.
5. Bestätigen Sie das Ziel, nicht nur, dass er scannt. Mit einem dynamischen Code können Sie scannen, prüfen, ob die Weiterleitung auf der richtigen Seite landet, und das Ziel später trotzdem noch ändern, falls die URL falsch ist.

Wenn er alle fünf besteht, ist er bereit. Wenn er scheitert, verkleinern Sie das Logo, erhöhen Sie den Kontrast, kürzen Sie die URL oder vergrößern Sie den Code, in dieser Reihenfolge, und testen Sie erneut. Bei Codes, die über Monate in der Öffentlichkeit leben, lohnt sich auch ein gelegentlicher erneuter Scan, was ein weiterer Grund ist, welche Scan-Kennzahlen zählen im Blick zu behalten, damit Sie schnell merken, wenn eine Platzierung nicht mehr funktioniert.

Häufige Fragen

Wie viel eines QR-Codes darf ein Logo verdecken?

Es gibt kein offizielles Maximum, aber halten Sie ein Logo auf rund 15% bis 25% der Fläche des Codes, zentriert. Die weithin zitierten "30%" sind ein Missverständnis der Fehlerkorrektur auf Stufe H, die rund 30% der Daten des Codes wiederherstellen kann, nicht 30% des Bildes. Den größten Teil dieses Reparaturbudgets brauchen Sie für Blendung, Schmierflecken und Druckverschleiß, lassen Sie also Spielraum und zielen Sie auf etwa 20%.

Welche Fehlerkorrekturstufe sollte ich für einen QR-Code mit Logo verwenden?

Verwenden Sie immer Stufe H (High). Sie bietet die größte Fehlerkorrekturreserve, rund 30% der Daten des Codes, und genau das lässt den Code sowohl das Logo als auch Schäden aus der realen Welt überstehen. Bei einem Marken-Code sollten Sie nie unter Stufe Q gehen.

Was sind die Fehlerkorrekturstufen eines QR-Codes?

Es gibt vier, definiert in ISO/IEC 18004. Stufe L kann rund 7% der Daten des Codes wiederherstellen, M rund 15%, Q rund 25% und H rund 30%. Der Wert ist der Anteil der kodierten Daten, den der Code über die Reed-Solomon-Fehlerkorrektur wiederherstellen kann, nicht der Anteil des Bildes, den Sie verdecken dürfen.

Darf ich mein Logo über die Ecken des Codes legen?

Nein. Die drei großen Quadrate in den Ecken sind Suchmuster, die der Scanner nutzt, um den Code zu lokalisieren und auszurichten. Sie sind keine Daten und werden nicht durch die Fehlerkorrektur geschützt, deshalb stoppt schon das Verdecken eines einzigen den Scan. Ein Logo gehört ausschließlich in die Mitte.

Warum scannt mein QR-Code nicht mehr, seit ich das Logo hinzugefügt habe?

Meist aus einem von drei Gründen: Das Logo ist zu groß und hat das Fehlerkorrekturbudget aufgezehrt, es überlappt ein Such- oder Taktmuster, oder die zugrunde liegende URL ist so lang, dass der Code zu dicht ist, um irgendwelche Module zu verlieren. Verkleinern und zentrieren Sie das Logo, halten Sie es weit weg von den strukturellen Mustern, und kürzen Sie die URL, wofür ein dynamischer Kurzlink am meisten hilft.

Darf ein QR-Code meine Markenfarben verwenden?

Ja, solange der Vordergrund deutlich dunkler bleibt als der Hintergrund. Dunkle Markenfarben auf hellem Hintergrund scannen gut. Vermeiden Sie blasse oder neonfarbene Vordergründe, zwei ähnliche Mitteltöne, Verläufe, die die Module ausblenden, und unruhige Foto-Hintergründe. Je größer der Helligkeitsabstand zwischen den Modulen und dem Hintergrund, desto zuverlässiger der Scan.

Lassen sich invertierte, helle QR-Codes auf dunklem Grund scannen?

Manchmal, aber nicht zuverlässig. Der Standard erlaubt die Reflexionsumkehr, aber viele Scanner, darunter die weit verbreitete ZXing-Engine auf älteren Android-Geräten, erkennen invertierte Codes standardmäßig nicht. Für den Druck bleiben Sie bei dunklen Modulen auf hellem Hintergrund. Wenn Sie ein dunkles Design brauchen, setzen Sie den Code auf ein eigenes helles Feld.

Macht eine längere URL einen QR-Code wirklich schwerer scanbar?

Ja. Mehr Daten bedeuten einen Code höherer Version mit mehr, kleineren Modulen auf demselben Raum, was schwerer zu scannen ist und weniger Platz für ein Logo lässt. Stattdessen einen kurzen Weiterleitungslink zu kodieren, hält den Code dichtearm und robust, und es erlaubt Ihnen, das Ziel später zu ändern, ohne neu zu drucken.

Welches Dateiformat sollte ein Marken-QR-Code für den Druck haben?

Vektor, eine SVG oder EPS, für alles Gedruckte, damit die Modulkanten in jeder Größe rasiermesserscharf bleiben. Verwenden Sie PNG nur für Bildschirme, und wenn Sie aus einer Rasterdatei drucken müssen, sorgen Sie dafür, dass jedes Modul mindestens vier Punkte breit ist.

Kann ich das Ziel eines Marken-Codes ändern, nachdem er gedruckt ist?

Nur wenn es ein dynamischer Code ist. Ein dynamischer Code kodiert eine Weiterleitung, sodass Sie ihn jederzeit umlenken können, ohne den Druck anzutasten. Ein statischer Code brennt das Ziel fest ein, sodass eine falsche URL, oder ein Logo, das nach der Auflage durch den Test fällt, einen Neudruck bedeutet.

Kurz gefasst

Einen QR-Code zu branden ist nicht riskant; es auf gut Glück zu tun, schon. Erzeugen Sie auf Fehlerkorrekturstufe H, halten Sie das Logo zentriert und unter rund 20% der Fläche, und lassen Sie niemals eine Grafik die drei Ecken, die Taktlinien oder den Vier-Modul-Rand berühren. Halten Sie den Vordergrund dunkler als den Hintergrund und verzichten Sie für alles Gedruckte auf den invertierten Look. Vor allem aber kodieren Sie einen kurzen, dynamischen Link statt einer langen Kampagnen-URL, damit der Code dichtearm, tolerant und nach dem Druck noch korrigierbar bleibt. Dann beweisen Sie es: Drucken Sie einen Andruck in Endgröße und scannen Sie ihn auf ein paar Handys, darunter ein altes, in dem Licht, in dem er wirklich leben wird. Tun Sie das, und Sie können dem Markenteam sein Logo im Code geben und sich trotzdem darauf verlassen, dass er auf dem Plakat am Freitag scannt. Wenn Sie Codes wollen, die von Haus aus so robust bleiben, ist der einfachste Schritt, sie von Anfang an dynamisch zu machen.