QR-Code im Grafikdesign

Ein QR-Code ist kein Selbstläufer: Zu klein gedruckt, zu wenig Kontrast oder der Rand zu knapp – und kein Smartphone liest ihn noch zuverlässig. Diese Seite fasst zusammen, was Grafiker, Drucker und alle, die QR-Codes in Gestaltung einsetzen, wissen sollten.

Mindestgröße

Die unterste Grenze für gedruckte QR-Codes liegt bei 2 × 2 cm (ca. 0,8 × 0,8 Zoll) – vorausgesetzt, der Code enthält wenig Daten (wenige Module) und wird aus etwa 30 cm Abstand gescannt. Als Faustformel gilt: Mindestgröße = Scan-Abstand ÷ 10. Bei 50 cm Abstand also mindestens 5 × 5 cm.

Wächst der Inhalt (mehr Zeichen = mehr Module), muss die physische Größe proportional mitwachsen, damit die einzelnen Module noch auflösbar bleiben. Industriescanner an Lagertoren oder Kassen arbeiten nach anderen Regeln; dort können auch kleinere Codes lesbar sein, aber für Consumer-Smartphones ist 2 × 2 cm das absolute Minimum.

Maximalgröße

Eine technische Obergrenze gibt es nicht. Praktisch begrenzt wird die Größe durch das jeweilige Medium. Großformate wie Banner, Plakatwände oder Gebäudebeschriftungen sind problemlos möglich – und sogar vorteilhaft, weil der Scan aus größerem Abstand erfolgt.

Achte bei sehr großen Drucken auf die Druckauflösung: Der QR-Code sollte als Vektorgrafik (SVG oder EPS/PDF) angelegt werden, damit er verlustfrei skaliert. PNG-Exporte aus QR-Generatoren wie QR4free sind für mittelgroße Formate ausreichend, wenn die Pixeldimension hoch genug ist (mindestens 800 × 800 px für Drucke bis DIN A4).

Rand (Quiet Zone)

Rund um jeden QR-Code ist eine Stille Zone (Quiet Zone) Pflicht – ein freier, heller Bereich ohne Grafik, Text oder Muster. Die Norm ISO/IEC 18004 schreibt mindestens 4 Module vor, also vier Mal die Breite eines einzelnen Quadrats im Code.

In der Praxis: Bei einem 3 × 3 cm großen QR-Code mit 25 × 25 Modulen ist jedes Modul ca. 1,2 mm breit; die Stille Zone muss dann mindestens 4 × 1,2 mm = ca. 5 mm betragen. Viele Generatoren – darunter QR4free – bauen diesen Rand direkt ins Bild ein. Wenn du den Code in ein Layout integrierst, schneide diese Zone nicht weg und platziere keinen Text oder andere Elemente innerhalb des Mindestabstands.

Kontrast

Die klassische Kombination ist Schwarz auf Weiß, und sie ist aus gutem Grund der Standard: maximaler Kontrast, keinerlei Risiko. Als Mindestvorgabe gilt ein Kontrastverhältnis von mindestens 3:1 zwischen den dunklen Modulen und dem Hintergrund (gemessen nach WCAG, Luminanzkontrast). In der Praxis solltest du eher 4,5:1 oder mehr anstreben, um zuverlässig auf minderwertigen Druckern oder in ungünstiger Beleuchtung lesbar zu bleiben.

• Dunkel auf Hell: Immer bevorzugen. Das menschliche Auge und Kamera-Algorithmen sind darauf optimiert.
• Hell auf Dunkel (invertiert): Technisch oft möglich, aber nicht von allen Scannern unterstützt. Viele ältere Apps erkennen invertierte QR-Codes nicht. Im Zweifelsfall: weglassen.
• Niemals: Ähnliche Helligkeitswerte für Module und Hintergrund – etwa Dunkelblau auf Marineblau oder Hellgrau auf Weiß.

Farbvarianten

QR-Codes müssen nicht schwarz-weiß sein. Farbe ist erlaubt, sofern der Kontrast stimmt und der Hintergrund hell genug bleibt.

• Einfärbige Module: Ersetze Schwarz durch eine dunkle Unternehmensfarbe – vorausgesetzt, der Luminanzkontrast zum Hintergrund liegt bei mindestens 3:1. Dunkelblau, Dunkelgrün oder Dunkelrot funktionieren gut auf Weiß oder Cremeweiß.
• Farbiger Hintergrund: Ein heller, pastelliger Hintergrund ist möglich. Vermeide gesättigte oder dunkle Hintergründe – sie reduzieren den Kontrast zu stark.
• Farbverlauf im Code: Nur mit großer Vorsicht. Wenn der Verlauf an irgendeiner Stelle den Kontrast unter 3:1 drückt, schlägt der Scan fehlt. Immer nach der Gestaltung prüfen und testen.
• Logo im Zentrum: Zulässig bis ca. 30 % Flächendeckung (bei Fehlerkorrektur-Level H). QR4free erzeugt Codes mit Level H, sodass ein kleines Logo eingebettet werden kann, ohne die Lesbarkeit zu gefährden.
• Goldene Regel: Nach jeder farblichen Anpassung den fertigen Druck (oder die Bilddatei) mit mindestens zwei verschiedenen Geräten scannen, bevor er in Produktion geht.

Fehlertoleranzen

Der QR-Standard kennt vier Fehlerkorrektur-Level, die bestimmen, wie viel des Codes beschädigt oder verdeckt sein darf, ohne dass der Scanner den Inhalt verliert:

QR4free erzeugt alle Codes mit Level H. Das macht die Codes minimal größer als mit Level L oder M, aber deutlich robuster – ideal für den Einsatz auf Drucksachen, wo Verschmutzung, Faltung oder eine aufgedruckte Marke vorkommen kann.

Für rein digitale QR-Codes (auf Bildschirmen) wäre Level M ausreichend, weil kein physischer Verschleiß stattfindet. Im Druck ist Level H fast immer die bessere Wahl.

Checkliste vor dem Druck

• Mindestgröße 2 × 2 cm eingehalten (oder Faustregel Abstand ÷ 10)?
• Quiet Zone mindestens 4 Module breit, kein angrenzender Inhalt?
• Kontrastunterschied zwischen Modul-Farbe und Hintergrund ≥ 3:1?
• Keine Invertierung (hell auf dunkel), sofern nicht ausdrücklich getestet?
• Für Großdruck: Datei als Vektor (SVG/PDF) vorhanden?
• Code mit mindestens zwei verschiedenen Smartphones erfolgreich gescannt?
• Ziel-URL vor dem Druck noch einmal geprüft?