QR-Code-Komplettanleitung: QR-Codes generieren, lesen und effektiv einsetzen
Alles, was du über QR-Codes wissen musst – wie sie funktionieren, welche Daten sie kodieren können, Best Practices für das Design und wie man QR-Codes aus Bildern ausliest.
QR-Codes erleben ein bemerkenswertes Comeback – von Restaurantmenüs über Zahlungssysteme bis hin zu Veranstaltungstickets und Produktverpackungen. Zu verstehen, wie man sie korrekt generiert, welche Datenformate sie unterstützen und wie man sie in der Praxis zuverlässig scanbar macht, ist wertvolles Wissen für Entwickler, Designer und Marketer gleichermaßen.
Wie QR-Codes funktionieren
Ein QR-Code (Quick Response Code) ist ein zweidimensionaler Matrix-Barcode, der 1994 von Denso Wave erfunden wurde. Anders als ein 1D-Barcode, der Daten nur in einer Richtung speichert, kodiert ein QR-Code Informationen in beiden Dimensionen – und ermöglicht so deutlich mehr Inhalt auf kleinerem Raum.
Aufbau eines QR-Codes:
- Finder-Muster – die drei quadratischen Ecken, die Scannern helfen, den Code zu lokalisieren und auszurichten
- Timing-Muster – abwechselnd schwarze/weiße Module, anhand derer Scanner die Modulgröße bestimmen
- Ausrichtungsmuster – hilft, Verzerrungen zu korrigieren (ab Version 2)
- Datenmodule – die eigentlichen kodierten Informationen
- Ruhezone – weißer Rand, der um den Code herum erforderlich ist (mindestens 4 Module)
Fehlerkorrektur-Stufen:
| Stufe | Wiederherstellungskapazität | Anwendungsfall |
|---|---|---|
| L (Niedrig) | ~7% | Digitale Displays, saubere Umgebungen |
| M (Mittel) | ~15% | Allgemeiner Gebrauch |
| Q (Quartil) | ~25% | Industrielle Umgebungen |
| H (Hoch) | ~30% | Druckmaterialien, überlagerte Logos |
Eine höhere Fehlerkorrektur erlaubt es, mehr Daten wiederherzustellen, wenn der Code teilweise beschädigt ist – und ermöglicht es, ein Logo in der Mitte zu platzieren, ohne den Code unlesbar zu machen.
Welche Daten kann ein QR-Code kodieren?
QR-Codes unterstützen verschiedene Datentypen mit unterschiedlichem Scanner-Verhalten:
Einfache URL (am häufigsten)
https://example.com/product/abc123
Der Scanner öffnet die URL im Browser. Immer HTTPS verwenden.
Einfacher Text
Welcome to our store! Ask staff for today's specials.
mailto:hello@example.com?subject=Inquiry&body=Hello
Öffnet den E-Mail-Client mit vorausgefüllten Feldern.
Telefonnummer
tel:+15551234567
Fordert zum Anrufen der Nummer auf.
SMS
smsto:+15551234567:Hello, I'd like to book a table
WLAN-Zugangsdaten
WIFI:T:WPA;S:MyNetworkName;P:MyPassword123;;
Verbindet sich beim Scannen automatisch mit dem WLAN – ideal für die Gastronomie und Hotellerie.
vCard (Kontaktinformationen)
BEGIN:VCARD
VERSION:3.0
FN:Jane Smith
ORG:Acme Corp
TEL:+15551234567
EMAIL:jane@acme.com
URL:https://acme.com
END:VCARD
Fügt einen Kontakt zum Adressbuch des Telefons hinzu.
Kalendereintrag
BEGIN:VEVENT
SUMMARY:Team Standup
DTSTART:20260415T090000Z
DTEND:20260415T093000Z
DESCRIPTION:Daily sync
END:VEVENT
Generiere alle diese Formate sofort mit unserem QR-Code-Generator – Datentyp auswählen und in Sekunden einen scanbaren QR-Code erhalten.
URL-Verkürzung für QR-Codes
Je mehr Daten ein QR-Code enthält, desto dichter wird das Muster und desto schwieriger ist er zu scannen. URLs kurz halten:
- URL-Verkürzer (bit.ly, short.io) für lange URLs verwenden
- Eigene Kurzdomain für gebrandete Codes nutzen
- Übermäßige UTM-Parameter im QR-Code selbst vermeiden – diese auf der Weiterleitungsebene anwenden
Beispiel:
Schlecht: https://mystore.com/products/shoes?utm_source=flyer&utm_medium=print&utm_campaign=spring2026&utm_content=qr
Gut: https://s.mystore.com/spring26 → leitet mit serverseitig angewendeten UTM-Parametern weiter
Design-Best-Practices
Größenanforderungen
| Scan-Distanz | Mindestgröße des QR-Codes |
|---|---|
| 20 cm (Handy nah gehalten) | 2 × 2 cm |
| 1 Meter | 10 × 10 cm |
| 3 Meter | 30 × 30 cm |
Die 10:1-Regel: Die QR-Code-Größe sollte 1/10 der Scan-Distanz betragen.
Kontrastanforderungen
- Minimales Kontrastverhältnis: 4:1 zwischen Modulen und Hintergrund
- Dunkle Module auf hellem Hintergrund ist die sicherste Variante
- Vermeiden: Hell auf hell, gemusterte Hintergründe, überlappende unruhige Bilder
Logo-Überlagerung
Ein Logo in der Mitte ist möglich, wenn:
- Das Logo nicht mehr als 30 % der Code-Fläche bedeckt
- Die Fehlerkorrektur-Stufe auf H (hoch) eingestellt ist
- Der Code nach dem Hinzufügen des Logos auf mehreren Geräten getestet wurde
Druckvorbereitung
- Als SVG exportieren für perfekte Skalierung in jeder Druckgröße
- Niemals mit niedriger Auflösung rastern – ein unscharfer QR-Code lässt sich nicht scannen
- Ausreichende Ruhezone (weißer Rand) einhalten – mindestens 4 Modulbreiten
- Die finale druckfertige Datei testen, nicht nur die Bildschirmversion
Dynamische vs. statische QR-Codes
Statische QR-Codes kodieren das Ziel direkt. Sie sind kostenlos, funktionieren unbegrenzt, aber die Daten sind fest – eine URL-Änderung erfordert einen neuen QR-Code.
Dynamische QR-Codes kodieren eine kurze Weiterleitungs-URL. Das Ziel kann jederzeit über ein Dashboard geändert werden, und es stehen Scan-Analysen zur Verfügung (Standort, Gerät, Zeitpunkt). Diese werden von Diensten wie QR Code Generator Pro, Bitly oder Beaconstac angeboten.
Für Druckmaterialien, die regelmäßig aktualisiert werden müssen (Menüs, Verpackungen, Poster), sind dynamische Codes die Abo-Kosten wert.
QR-Codes aus Bildern auslesen
Wenn du ein QR-Code-Bild erhalten hast und es ohne Handykamera dekodieren möchtest, nutze unseren QR-Code-Reader. Bild hochladen und den dekodierten Inhalt sofort – vollständig im Browser – erhalten.
Typische Anwendungsfälle:
- Einen generierten QR-Code vor dem Drucken überprüfen
- WLAN-Zugangsdaten aus einem Screenshot extrahieren
- QR-Codes in Produktfotos dekodieren
- QR-Codes in Web-Mockups testen
Barcodes vs. QR-Codes
Nicht jedes Produkt benötigt einen QR-Code. Herkömmliche Barcodes sind nach wie vor weit verbreitet:
| Format | Kapazität | Anwendungsfall |
|---|---|---|
| QR Code | ~3000 Zeichen | URLs, Kontakte, WLAN, umfangreiche Daten |
| Code 128 | Variable alphanumerisch | Versandetiketten, Inventar |
| EAN-13 | 13 Stellen | Produktidentifikation im Einzelhandel |
| UPC-A | 12 Stellen | US-Einzelhandel, Point of Sale |
Generiere Code 128- und EAN-13-Barcodes mit unserem Barcode-Generator für Bestandsverwaltung, Versandetiketten und Produktidentifikation.
QR-Code-Checkliste
- HTTPS für alle URLs verwenden
- Die kodierten Daten so kurz wie möglich halten
- Fehlerkorrektur auf H setzen, wenn ein Logo hinzugefügt wird
- Vor der Veröffentlichung auf mindestens 3 verschiedenen Geräten testen
- Ausreichende Ruhezone auf allen Seiten sicherstellen
- Kontrast zwischen Modulen und Hintergrund prüfen
- SVG-Format für Druckmaterialien verwenden
- Bei Druckmaterialien, die möglicherweise aktualisiert werden müssen, dynamische Codes in Betracht ziehen
QR-Codes verbinden die physische und die digitale Welt. Ein gut gestalteter, sorgfältig getesteter QR-Code erfüllt seine Aufgabe millionenfach still und zuverlässig. Ein defekter hingegen frustriert Menschen, die sich eigentlich gerne damit beschäftigen würden.