So fügst du ein Logo in einen QR-Code ein, ohne ihn kaputt zu machen

Warum ein Logo den Code nicht kaputt macht

Jeder QR-Code trägt eine Fehlerkorrektur: Ein Teil des Musters ist redundant, sodass ein Scanner Module rekonstruieren kann, die er nicht lesen kann. Es gibt vier Stufen, L, M, Q und H, bei denen etwa 7, 15, 25 oder 30 Prozent des Codes verdeckt oder beschädigt sein dürfen und er trotzdem dekodiert wird. Ein Logo über der Mitte des Codes verdeckt einige Module, und die Fehlerkorrektur füllt sie wieder auf. Solange das Logo weniger verdeckt, als die Stufe wiederherstellen kann, mit Reserve für die echten Schäden, denen der Code ebenfalls begegnen wird, gelingt der Scan.

Was die Fehlerkorrektur nicht ersetzen kann, sind die drei großen Quadrate in den Ecken. Das sind die Eckmarkierungen; die Kamera nutzt sie, um den Code zu finden und seine Ausrichtung zu bestimmen, bevor sie irgendetwas liest. Ein Logo, das ein Eckquadrat berührt, macht den Code kaputt, egal bei welcher Stufe. Halte das Logo in der Mitte – deshalb setzt jeder seriöse Generator es dorthin, und unserer lässt es dich nicht verschieben.

Die drei Regeln

• Stell die Fehlerkorrektur auf H. Das gibt dem Logo den meisten Raum, um den Preis eines etwas dichteren Codes. Bei einem dynamischen Code mit Kurzlink ist diese zusätzliche Dichte gering und spielt keine Rolle.
• Halte das Logo bei etwa einem Fünftel der Codefläche. So bleibt der Großteil der 30 Prozent Reserve für Kratzer, Schmutz, Spiegelungen und einen mittelmäßigen Druck. Ein Logo, das ein Drittel des Codes füllt, scannt vielleicht auf deinem Bildschirm und scheitert auf dem Plakat.
• Halte den Kontrast. Das Logo darf nicht auf einem Hintergrund sitzen, der mit den Modulen darum verschwimmt, und die Module selbst müssen dunkel auf hell bleiben. Ein helles Logo mit einem kleinen freien Rand darum ist die sicherste Form.

Schritt für Schritt in QR Solutions

• Erstelle den Code: Gib das Ziel ein, oder öffne einen bestehenden dynamischen Code und wähle, sein Design zu bearbeiten. Die Vorschau aktualisiert sich bei jeder Änderung.
• Lege unter Farben die Farben der Module und des Hintergrunds fest. Öffne die erweiterten Farbeinstellungen und stell die Fehlerkorrektur-Stufe auf H.
• Lade unter Logo dein Logo als PNG, JPEG oder SVG hoch. Der Generator passt die Größe an und setzt es in die Mitte.
• Stell die Logogröße mit dem Regler ein. Beginne bei etwa einem Fünftel des Codes und geh nur größer, wenn du einen Grund dafür hast.
• Scanne die Vorschau mit deinem Handy vom Bildschirm. Wenn sie sich lesen lässt, lade SVG für den Druck oder PNG für Bildschirme herunter. Das Design wird mit dem Code gespeichert; das Ziel bleibt danach bearbeitbar.

Welches Logo am besten funktioniert

Ein einfaches Zeichen schlägt eine Wortmarke. Ein Symbol oder ein Initial im Kreis ist in der Größe lesbar, die ein Logo im Code bekommt; ein voller Firmenname mit Slogan nicht, und er braucht eine breitere Fläche, um lesbar zu sein, was Module kostet. Nimm die Version deines Logos, die für kleine Größen gemacht ist, die du als Favicon oder App-Symbol nutzt, und gib ihr einen schlichten Hintergrund oder einen dünnen weißen Rand, damit sie sich sauber von den Modulen abhebt.

Farbe ist frei: Das Logo darf jede Farbe haben, denn den Scanner interessieren nur die Module darum. Auch die Module dürfen eine Markenfarbe haben, solange sie klar dunkler bleiben als der Hintergrund. Ein marineblauer Code mit orangefarbenem Logo auf Creme scannt so gut wie Schwarz auf Weiß.

Teste ihn so, wie er genutzt wird

Ein gebrandeter Code muss vom Druck getestet werden, nicht nur vom Bildschirm. Drucke einen in der endgültigen Größe, scanne ihn aus der echten Entfernung mit zwei verschiedenen Handys, und noch einmal, nachdem er angefasst und geknickt wurde. Liest er sich jedes Mal, hat das Logo die richtige Größe. Liest er sich auf einem Handy und auf einem anderen nicht, ist das Logo zu groß oder der Kontrast zu gering; verkleinere es eine Stufe und teste erneut. Dreißig Sekunden davon sparen einen Nachdruck.

Der Code bleibt dabei durchgehend dynamisch. Das Logo hinzuzufügen, zu ändern oder zu entfernen ändert nie, wohin der Code führt, und den Code später umzuleiten ändert nie, wie er aussieht. Design und Ziel sind unabhängig voneinander – das erlaubt dir, einen Code zu branden, bevor du weißt, wohin er am Ende zeigen wird.

Häufig gestellte Fragen