QR-Code mit Logo: Marke im Code, ohne dass Scans scheitern

Ein QR-Code mit Logo sieht aus wie ein Trick. Sie decken einen Teil des Musters mit einem Bild ab, und das Smartphone liest ihn trotzdem. Das funktioniert wegen einer Eigenschaft, die Denso Wave von Anfang an in den Code eingebaut hat, und Gestalter dürfen sie nutzen, solange sie ihre Grenzen respektieren. In diesem Beitrag geht es um diese Grenzen und um die Entscheidungen, die den Unterschied machen zwischen einem Code mit Marke, der in einer Sekunde scannt, und einem, bei dem Menschen aufgeben. Größe, Ruhezone und Druckauflösung überlassen wir unserem separaten Druckleitfaden; hier geht es um die Gestaltung.

Warum ein QR-Code mit Logo überhaupt scannt

Jeder QR-Code enthält redundante Daten. Denso Wave beschreibt den Code als widerstandsfähig gegen Schmutz und Beschädigung, mit der Fähigkeit, sich selbst zu korrigieren und die Originaldaten wiederherzustellen, wenn ein Teil des Symbols verdeckt ist. Diese Fähigkeit ist für Kratzer, Flecken und abgerissene Ecken gedacht. Ein Logo ist aus Sicht des Decoders ein großer Fleck an bequemer Stelle. Solange der Fleck kleiner ist als das, was der Code wiederherstellen kann, rekonstruiert der Decoder die fehlenden Module und liest den Inhalt, als wäre nichts da.

Wie viel wiederhergestellt werden kann, hängt von der Fehlerkorrekturstufe ab, die beim Erzeugen des Codes gewählt wurde. Denso Wave nennt vier: L stellt etwa 7 Prozent der Codewörter wieder her, M etwa 15 Prozent, Q etwa 25 Prozent und H etwa 30 Prozent. Es merkt außerdem an, dass eine höhere Stufe die Datenmenge im Code und damit seine Größe erhöht. Ein Logo ist nur bei H sicher, weil das Logo sich zuerst seinen Anteil an der Redundanz nimmt und den Rest für echte Schäden übrig lässt.

Die Regeln, die ihn lesbar halten

Vier Regeln decken das meiste ab, was schiefgeht. Erstens: Erzeugen Sie den Code mit Fehlerkorrekturstufe H, bevor Sie irgendetwas hinzufügen. Ein Logo auf einem Code der Stufe L hat das Budget bereits aufgebraucht, und für einen Fingerabdruck auf dem Bildschirm oder einen Knick im Papier bleibt nichts übrig.

Zweitens: Halten Sie das Logo unter etwa 30 Prozent der Codefläche, in der Praxis besser bei 20 bis 25 Prozent. Die 30 Prozent sind die theoretische Obergrenze bei Stufe H, und Sie wollen darunter bleiben. Eine Faustregel aus der Erfahrung: Wenn das umschließende Rechteck des Logos breiter ist als ein Drittel des Codes, ist es zu groß.

Drittens: Halten Sie das Logo in der Mitte. Die drei großen Quadrate in den Ecken sind Suchmuster; der Decoder nutzt sie, um den Code zu finden und seine Ausrichtung zu bestimmen. Decken Sie eines davon ab, und das Smartphone erkennt nicht einmal, dass ein Code vorhanden ist, unabhängig von der Fehlerkorrektur. Das kleinere Quadrat nahe der vierten Ecke ist ein Ausrichtungsmuster und spielt bei größeren Versionen eine größere Rolle. Die Mitte des Codes ist der sicherste Bereich, weil die Suchmuster dort am weitesten entfernt sind.

Viertens: Geben Sie dem Logo einen deckenden Hintergrund. Ein Logo mit transparentem Hintergrund lässt an seinen Rändern halbe Module durchscheinen, und diese halb verdeckten Module verwirren den Decoder mehr als vollständig verdeckte. Setzen Sie das Logo auf ein weißes abgerundetes Rechteck oder einen Kreis, der etwas größer ist als das Logo selbst, damit jedes Modul darunter entweder ganz verdeckt oder ganz sichtbar ist.

Farben, die funktionieren, und Farben, die scheitern

Ein QR-Code mit Logo bedeutet meist auch farbige Module. Der Decoder braucht dunkle Module auf hellem Grund mit ausreichend Kontrast dazwischen. Marineblau, Anthrazit, Tannengrün, dunkles Violett und dunkles Rot funktionieren alle auf Weiß oder Creme. Pastelltöne, mittlere Grautöne und leuchtendes Gelb funktionieren nicht; ein Decoder liest sie als Hintergrund.

Drei Muster scheitern oft genug, um sie zu benennen. Invertierte Codes mit hellen Modulen auf dunklem Grund werden von manchen Smartphone-Kameras gelesen und von anderen ignoriert, sie kosten Sie also Scans ohne Vorwarnung. Verläufe verändern den Kontrast über den Code hinweg, sodass eine Ecke besteht und die andere scheitert. Fotografische oder gemusterte Hintergründe haben dasselbe Problem in weniger vorhersehbarer Form. Wenn eine Kampagne einen Code auf einem dunklen Plakat braucht, drucken Sie den Code in einem weißen Feld samt Ruhezone und lassen das Plakat um das Feld herum dunkel.

Farbe im Logo selbst ist frei. Das Logo ist aus Sicht des Decoders verdeckte Fläche, es kann also jede Farbe haben, auch leuchtende, solange es auf seinem deckenden Hintergrund sitzt und innerhalb der Größenregel bleibt.

Rahmen, Formen und andere Verzierungen

Manche Generatoren bieten abgerundete Module, Punkte statt Quadrate, farbige Suchmuster und Rahmen mit Handlungsaufforderung an. Jedes dieser Elemente nimmt ein wenig von der Sicherheitsreserve. Abgerundete oder punktförmige Module verringern die dunkle Fläche jedes Moduls und senken bei kleinen Größen den Kontrast; ein dekoratives Suchmuster kann den Erkennungsschritt stören; ein Rahmen, der den Code berührt, frisst die Ruhezone.

EUQR hält das bewusst einfach. Sie können Vorder- und Hintergrundfarbe festlegen, die Fehlerkorrekturstufe wählen und ein Logo in der Mitte platzieren. Rahmen, eigene Modulformen oder dekorative Suchmuster bietet EUQR nicht an. Wenn Ihr Markenhandbuch einen Rahmen mit „Scan mich“ darunter verlangt, ergänzen Sie ihn in Ihrem Gestaltungsprogramm außerhalb der Ruhezone, wo er den Scan nicht beeinflussen kann. Der Generator steht auf der Startseite.

Statisch oder dynamisch, bevor das Logo kommt

Entscheiden Sie, welche Art von Code Sie mit Ihrer Marke versehen, bevor Sie ihn gestalten. Ein statischer Code kodiert das Ziel selbst; eine lange URL ergibt einen dichten Code, und ein dichter Code bei Stufe H mit Logo in der Mitte ist bei kleinen Größen schwer zu lesen. Ein dynamischer QR-Code kodiert einen kurzen qreu.eu-Link, hat also weit weniger Module, was bei gleicher Druckgröße mehr Platz für das Logo lässt und Ihnen erlaubt, das Ziel später zu ändern, ohne das Layout anzufassen. Die Unterschiede stehen in unserem Beitrag zu statischen und dynamischen QR-Codes.

Für einen QR-Code mit Logo ist die praktische Reihenfolge: dynamischen Code anlegen, Fehlerkorrektur auf H stellen, Farbe wählen, Logo hochladen und dann die Vorschau prüfen. Wenn die Vorschau schon gedrängt wirkt, ist das Logo zu groß oder das Ziel zu lang.

Ein Praxisbeispiel

Eine Fitnessstudio-Kette will ihre Wortmarke, ein kräftiges Rot auf Weiß, im Code auf ihren Mitgliedschaftsflyern und Schaufensteraufklebern. Rot ist für Module zu hell, also werden die Module auf das dunkle Grau der Marke gesetzt, und der Hintergrund bleibt weiß. Der Code wird als dynamischer Code bei Stufe H erzeugt und verweist auf die Anmeldeseite. Die Wortmarke sitzt in der Mitte auf einem weißen abgerundeten Feld, das etwa 22 Prozent des Codes abdeckt. Das Designteam exportiert SVG für den Aufkleberdruck und PNG für die Website. Vor der Auflage scannen sie einen Proof auf einem iPhone, einem aktuellen Android-Smartphone und einem vier Jahre alten Android-Smartphone, im farbigen Licht des Studios, aus 30 Zentimetern. Alle drei lesen ihn in unter einer Sekunde. Unsere Checkliste zum Testen eines QR-Codes vor dem Druck nennt die übrigen Prüfungen.

Export für den Druck

Geben Sie der Druckerei für einen QR-Code mit Logo eine Vektordatei, damit Module und Logo in jeder Größe scharf bleiben. EUQR exportiert PNG und SVG in jedem Plan und ergänzt EPS und PDF ab Pro für 9 € pro Monat oder 90 € pro Jahr; die Plandetails stehen auf der Preisseite. Betten Sie das Logo in den Export ein, statt es später im Layoutprogramm darüberzulegen, damit die Datei, die die Druckerei bekommt, dieselbe ist, die Sie getestet haben.

Eine letzte Gewohnheit: Behalten Sie auch die schlichte Version. Ein Code ohne Logo, schwarz auf weiß, ist die Rückfalloption für winzige Platzierungen wie ein Produktetikett oder die Rückseite einer Visitenkarte, wo ein Logo die Modulgröße unter das drücken würde, was ein Smartphone lesen kann. Derselbe dynamische Code lässt sich auf beide Arten exportieren, und beide verweisen auf dasselbe Ziel.

Quellen, gelesen am 23. September 2026: Denso Wave zu Fehlerkorrekturstufen, zu den Eigenschaften des QR-Codes und zur Ruhezone.