← Design & Anpassung

QR-Code Best Practices: Größe, Farbe, Kontrast und Platzierung

Alles, was darüber entscheidet, ob ein QR-Code in der Praxis tatsächlich scannt.

5 Min. LesezeitAktualisiert

Ein QR-Code, der nicht scannt, ist schlimmer als gar keiner – er zerstört das Vertrauen der Nutzer und verschwendet das Marketingbudget. Das zählt in der Praxis wirklich.

Größe

Die minimale scannbare Größe hängt von der Scan-Distanz ab:

AnwendungsfallDistanzMindest-QR-Größe
Visitenkarte15-30 cm2 × 2 cm
Produktverpackung30-60 cm3 × 3 cm
A4-Flyer30-60 cm3 × 3 cm
Tischaufsteller im Restaurant30-60 cm4 × 4 cm
Wandposter1-2 m8 × 8 cm
Schaufenster2-3 m15 × 15 cm
Plakatwand5+ m50+ cm

Faustregel: QR-Breite ≥ Scan-Distanz ÷ 10.

Kontrast

  • Immer dunkler Code auf hellem Hintergrund. Weißer Hintergrund mit schwarzem QR ist der Goldstandard.
  • Manche Scanner (besonders ältere Android) haben Probleme mit invertierten Farben (hell auf dunkel). Vermeiden Sie das, sofern Sie es nicht ausgiebig getestet haben.
  • Halten Sie ein Kontrastverhältnis von mindestens 4:1 zwischen QR-Muster und Hintergrund.
  • Farbige Codes funktionieren, aber die Farbe des QR-Musters muss relativ zum Hintergrund dunkel bleiben.

Ruhezone (Weißraum um den Code)

Jeder QR-Code braucht mindestens 4 Module Weißraum ringsum (ein „Modul“ ist ein Quadrat des Musters). Das ist nicht verhandelbar – Scanner nutzen die Ruhezone, um die Codekanten zu erkennen.

QRolling-Exporte enthalten einen Rand, aber voreingestellt sind 2 Module, nicht 4. Schieben Sie im Schritt Design im Tab Farben den Regler Rand höher, um auf den Wert zu kommen, den die Norm verlangt. Was immer Sie einstellen: Schneiden Sie den Rand danach nicht in Photoshop weg.

Druckhinweise

  • Anschnitt und Sicherheitsrand: Halten Sie den QR-Code mindestens 5 mm vom Druckrand entfernt.
  • Laminieren ist okay, aber matt > glänzend. Glänzende Reflexionen können Scanner bei direktem Licht verwirren.
  • CMYK-Umwandlung: reines Schwarz (K=100) druckt am schärfsten. Vermeide vierfarbiges Tiefschwarz für QR – der leichte Registerversatz kann Kanten verschwimmen lassen.
  • Tintensättigung: billiger Tintenstrahl auf porösem Papier verläuft und mindert die Scan-Zuverlässigkeit. Nutzen Sie Laserdruck oder kommerziellen Offset für wichtige Auflagen.

Digitale Platzierung

  • Verwende auf Websites nie ein CSS-Hintergrundbild für einen QR – er ist nicht auswählbar und Screenreader können ihn nicht beschreiben. Nutzen Sie <img alt="…"> mit einer aussagekräftigen Beschreibung.
  • Mobilnutzer können einen QR nicht auf dem eigenen Bildschirm scannen. Ist Ihr Publikum überwiegend mobil, verlinken Sie das Ziel direkt mit einem Button und behalten den QR-Code für Besucher auf einem anderen Gerät.

Finale Test-Checkliste

Vor dem Druck oder der Veröffentlichung:

  • [ ] Scannt in der iOS-Kamera auf der vorgesehenen Distanz
  • [ ] Scannt in der Android-Kamera (Pixel und Samsung)
  • [ ] Scannt in Google Lens
  • [ ] Ruhezone erhalten
  • [ ] Kontrast ≥ 4:1
  • [ ] Korrekte Mindestgröße für das Medium

Häufig gestellt

Was ist die kleinste Größe für einen QR?

Etwa 2 × 2 cm für einen armnahen Scan von einer Visitenkarte. Kleiner funktioniert im Labor, scheitert aber bei realer Kameraqualität und Beleuchtung.

Kann ich beliebige Farben nutzen?

Ja, solange das QR-Muster deutlich dunkler ist als der Hintergrund. Mindestens 4:1 Kontrast anvisieren. Heller QR auf dunklem Hintergrund klappt auf neueren Telefonen, scheitert aber auf manchen Android-Scannern – gründlich testen.

Verwandte Artikel

Bereit für Ihren eigenen Code?

Erstellen und gestalten Sie den Code direkt im Browser. Für den Download genügt ein kostenloses Konto, ganz ohne Zahlung.

QR-Code erstellen