Ein QR-Code ist mehr als ein Schwarz-Weiß-Muster
Viele glauben, ein QR-Code sei lediglich ein Muster aus schwarzen und weißen Quadraten, doch er bietet vielfältige Anpassungsoptionen. Sie können Farben ändern, ein Logo einbetten, Größe anpassen, Ränder setzen und so einen QR-Code erzeugen, der sowohl gut lesbar als auch ansprechend aussieht.
Fehlerkorrekturgrad: die Grundlage der Anpassung
Der Fehlerkorrekturgrad ist der wichtigste Parameter; er bestimmt, ob ein QR-Code nach Verdeckung oder Beschädigung noch scannbar ist.
Vier Stufen
- L (niedrig): rund 7 % Redundanz, geringste Korrektur, einfachstes Muster
- M (mittel): rund 15 % Redundanz, häufiger Standardwert
- Q (höher): rund 25 % Redundanz
- H (hoch): rund 30 % Redundanz, stärkste Korrektur, für Logo-Einbettung geeignet
Warum bei Logo H verwenden
Ein Logo verdeckt den mittleren Bereich des QR-Codes. Ist der Fehlerkorrekturgrad niedrig, schlägt der Scan nach Verdeckung fehl. Stufe H bietet 30 % Redundanz, das heißt, 30 % des Musters dürfen zerstört sein und bleiben erkennbar; eine Logo-Einbettung ist sicherer.
Erfahrung: bei Logo-Einbettung immer Stufe H verwenden, die Logo-Fläche 20 % des QR-Codes nicht überschreiten.
Farbanpassung
Vorder- und Hintergrundfarbe
- Vordergrundfarbe: Farbe der Quadrate, standardmäßig schwarz
- Hintergrundfarbe: Hintergrundfarbe, standardmäßig weiß
Kontrastanforderungen
Scanner erkennen die Quadrate über den Kontrast. Vorder- und Hintergrund müssen ausreichend kontrastieren:
- dunkler Vordergrund + heller Hintergrund: sicher
- heller Vordergrund + dunkler Hintergrund: möglich, aber manche ältere Scanner unterstützen keine Invertierung
- unzureichender Kontrast: Scan nicht möglich
Erfahrung: Vordergrund in dunkler Farbe (schwarz, dunkelblau, dunkelgrün, dunkelviolett), Hintergrund in heller Farbe (weiß, hellgelb, hellgrau). Helligkeitsunterschied mindestens 50 %.
Zu vermeidende Farbkombinationen
- roter Vordergrund + grüner Hintergrund: für farbenblinde Nutzer und manche Scanner schwer erkennbar
- zwei dunkle Farben: unzureichender Kontrast
- zwei helle Farben: unzureichender Kontrast
- Verläufe: Scanner können scheitern
Logo-Einbettung
Warum ein Logo einbetten
Ein Logo stärkt die Markenerkennung. Der Scannende sieht das Logo und erkennt einen offiziellen QR-Code, was Vertrauen schafft.
Logo-Größe
Ein zu großes Logo verdeckt zu viele Daten, ein zu kleines bleibt kaum sichtbar. Empfohlen wird eine Logo-Fläche von 10 %-15 % des QR-Codes, maximal 20 %.
Logo-Form
- quadratisch: am häufigsten, einheitlich mit dem QR-Code-Stil
- rund: optisch weicher, aber verdeckter Bereich unregelmäßig
- mit weißem Rand: ein weißer Rahmen um das Logo vermeidet Verwechslung zwischen Logofarbe und Quadraten
Logo-Position
Ein Logo in der Mitte ist am häufigsten. Die drei Ecken des QR-Codes tragen Positionierungsmarken (große Quadrate); das Logo sollte diese drei Ecken nicht verdecken, die Mitte ist am sichersten.
Größe und Rand
Größe
Die QR-Code-Größe wird in Pixeln angegeben. Zu klein: Scan schlägt fehl; zu groß: Platzverschwendung.
- Mindestgröße: mindestens 100×100 Pixel empfohlen
- Druckgröße: mindestens 2 cm × 2 cm empfohlen
- Bildschirmanzeige: an Containergröße anpassen
Rand (quiet zone)
Der QR-Code muss von einem weißen Rand umgeben sein, der Ruhezone genannt wird. Der Scanner nutzt sie, um den QR-Code vom umgebenden Inhalt zu unterscheiden.
- Standardanforderung: Rand von mindestens 4 Modulen Breite
- Modul: Kantenlänge des kleinsten Quadrats im QR-Code
- zu klein: Scanner erkennt die Grenze möglicherweise nicht
- Erfahrung: 4-8 Module Rand, beim Druck mehr
Datenmenge und Version
QR-Code-Versionen
QR-Codes haben 40 Versionen; je höher die Version, desto mehr Daten:
- Version 1: 21×21 Module, rund 25 Buchstaben
- Version 40: 177×177 Module, rund 1850 Buchstaben
- je höher die Version, desto dichter die Quadrate, desto schwerer zu scannen
Empfehlungen zur Datenmenge
- URL: meist Version 3-5 ausreichend
- Text: auf 100 Zeichen begrenzen
- zu viele Daten: QR-Code zu dicht, Scan langsam oder fehlerhaft
Erfahrung: je kürzer die URL, desto besser; lange URL vor der QR-Code-Erzeugung mit einem Kurzlink-Dienst kürzen.
QR-Code mit DocsAll anpassen
Der QR-Code-Generator unterstützt vollständige Anpassung:
- Inhalt eingeben (URL, Text, Kontakt usw.)
- Fehlerkorrekturgrad wählen (bei Logo H)
- Vorder- und Hintergrundfarbe einstellen
- Logo hochladen (optional)
- Größe und Rand anpassen
- PNG erzeugen und herunterladen
Erzeugung im Browser, Inhalt wird nicht zum Server hochgeladen.
Häufige Probleme
Nach Logo-Einbettung nicht scannbar
- Fehlerkorrekturgrad nicht auf H
- Logo zu groß, über 20 %
- Kontrast zwischen Logofarbe und Quadraten unzureichend
Nach Farbänderung nicht scannbar
- Vorder-/Hintergrundkontrast unzureichend
- rot oder grün verwendet (manche Scanner erkennen nicht)
- Verläufe
Druck verschwommen
- Größe zu klein, mindestens 2 cm empfohlen
- Vektorformat (SVG) für schärferen Druck
- Rand unzureichend
Zusammenfassung
Bei der QR-Code-Anpassung auf drei Dinge achten: Fehlerkorrekturgrad (bei Logo H), Farbkontrast (dunkler Vordergrund, heller Hintergrund), Logo-Größe (nicht über 20 %). Wer diese drei Punkte beherrscht, erzeugt QR-Codes, die gut aussehen und gut scannbar sind. Der DocsAll QR-Code-Generator läuft im Browser, Daten werden nicht übertragen.