Fehlerkorrektur, Ruhezonen, Kontrast und Druckgröße: Die vier Dinge, die darüber entscheiden, ob ein QR-Code auf Papier funktioniert oder stillschweigend versagt.
Ein Scanner "read" einen QR-Code nicht so, wie eine Person Text liest. Es wandelt das Kamerabild in schwarze und weiße Pixel um, findet die drei großen Quadrate in den Ecken, erstellt das Raster und liest dann jede Zelle. Alles, was einem QR-Code hilft oder schadet, hängt von diesem Prozess ab: Die Ecken müssen auffindbar sein, das Raster muss regelmäßig sein und jede Zelle muss eindeutig hell oder dunkel sein.
Das ist der Grund, warum ein Code auf dem Bildschirm perfekt aussehen kann, aber nach der Ausgabe auf einem Menü völlig versagen kann, und warum die häufigste Art, einen Code zu beschädigen, darin besteht, ihn zu verkleinern, damit er passt.
QR-Codes enthalten redundante Daten, sodass sie auch dann noch dekodiert werden können, wenn ein Teil des Bildes beschädigt ist. Es gibt vier Stufen: L stellt etwa 7 % des Symbols wieder her, M etwa 15 %, Q etwa 25 % und H etwa 30 %.
Der Kompromiss ist die Größe. Höhere Redundanz bedeutet mehr Module für den gleichen Inhalt, und mehr Module bedeuten, dass jedes Modul bei einer bestimmten Druckgröße physisch kleiner ist – was das Scannen eher schwieriger als einfacher machen kann. Eine Erhöhung des Niveaus ist nicht automatisch sicherer.
Der leere Rand um einen QR-Code ist keine Dekoration. Die Spezifikation erfordert mindestens vier Module freien Raums auf jeder Seite, und Scanner verlassen sich wirklich darauf, um die Kanten des Symbols zu finden.
Dies ist die am häufigsten ignorierte Anforderung beim QR-Design. Ein Code, der an einen Rand stößt, ein Foto oder ein Textblock verliert seine Ruhezone und funktioniert möglicherweise ganz nicht mehr – und der Fehler sieht zufällig aus, weil es davon abhängt, was die Kamera gerade auffängt.
Dieses Tool ist standardmäßig auf vier Module eingestellt und warnt Sie, wenn Sie es reduzieren. Wenn ein Layout keinen Platz für den Rand bietet, verkleinern Sie den Code, anstatt den Rand zu kürzen.
Scanner digitalisieren das Bild. Entscheidend ist also der Unterschied in der Helligkeit zwischen dem Code und seinem Hintergrund – und nicht, ob die Farben für Sie angenehm anders aussehen. Zwei Farben können für das Auge deutlich erkennbar und nach der Umwandlung in Graustufen nahezu identisch sein.
Schwarz auf Weiß ergibt ein Kontrastverhältnis von 21:1. Streben Sie mindestens 7:1; Unten über 4:1-Codes beginnen auf dem Papier und bei schlechten Lichtverhältnissen zu versagen, und dieses Tool wird Sie warnen. Die Live-Kontrastfigur neben der Vorschau wird aktualisiert, wenn Sie die Farben ändern.
Halten Sie den Code dunkler als seinen Hintergrund. Viele Scanner suchen nur nach Dunkel-auf-Hell, und ein invertierter Code – helle Module auf einem dunklen Feld – ist ein Münzwurf zwischen den Geräten. Wenn Sie einen Code für ein dunkles Design benötigen, platzieren Sie ihn in einem hellen Panel.
Vermeiden Sie Farbverläufe im gesamten Code und seien Sie vorsichtig mit einem transparenten Hintergrund: Alles, was dahinter landet, muss die gleichen Kontrastanforderungen erfüllen.
Eine weit verbreitete Faustregel besagt, dass die Breite des Codes etwa ein Zehntel der Entfernung betragen sollte, aus der er gescannt wird. Ein auf Armeslänge gelesener Code – sagen wir 30 cm – sollte etwa 3 cm breit sein. Ein aus drei Metern Entfernung gescanntes Poster benötigt etwa 30 cm.
Die andere Hälfte des Problems ist die Modulgröße. Unterhalb von etwa 0.4 mm pro Modul beginnen normale Telefonkameras zu kämpfen, und billige Thermodrucker verschmieren benachbarte Module. Kürzere Inhalte bedeuten weniger Module, was bedeutet, dass jedes Modul bei gleicher Gesamtgröße größer ist – weshalb es mehr hilft, die Nutzlast kurz zu halten als jede andere einzelne Änderung.
Exportieren Sie SVG für alles, was gedruckt werden soll. Da es sich um einen Vektor handelt, lässt es sich auf jede beliebige Größe mit perfekt scharfen Kanten skalieren und ist genau das, was sich ein Designer oder Drucker wünscht.
Exportieren Sie PNG für Bildschirme, Dokumente und überall dort, wo eine Bitmap einfacher ist. Wählen Sie eine großzügige Pixelgröße: Dieses Tool rundet die Modulgröße auf eine ganze Anzahl von Pixeln ab, sodass jedes Modul identisch ist, wodurch die ungleichmäßigen Module vermieden werden, die auftreten, wenn ein Code durch Bruchteile skaliert wird.
Skalieren Sie niemals einen PNG-QR-Code nach dem Export. Exportieren Sie es stattdessen erneut größer – die Interpolation verwischt die Modulkanten, was genau das ist, was der Scanner braucht, um scharf zu sein.
Drucken Sie eines in Originalgröße auf dem echten Material aus und scannen Sie es mit mehr als einem Telefon – idealerweise einem alten Android-Gerät sowie einem aktuellen iPhone, in dem Licht, in dem der Code tatsächlich leben wird. Ein Code, der auf Ihrem Schreibtisch unter einer Lampe funktioniert, kann auf einem Tisch neben einem Fenster versagen.
Wenn Sie ein Logo in der Mitte platzieren, halten Sie es klein, halten Sie es von den drei Eckquadraten fern und testen Sie das Ergebnis, anstatt davon auszugehen, dass die Fehlerkorrektur es verdeckt.