Vollständiger Leitfaden zu QR-Codes: Von den Grundlagen bis zum Marketing in der Praxis
QR-Code-Grundlagen
Ein QR-Code (Quick Response Code) ist ein zweidimensionaler Barcode, der Text, URLs, WLAN-Einstellungen, Kontaktinformationen und mehr kodieren kann. Im Vergleich zu eindimensionalen Barcodes speichern QR-Codes mehr Daten, tolerieren Beschädigungen besser und können aus jedem Winkel (360°) gescannt werden.
Häufige Typen
| Typ | Kodierter Inhalt | Typische Verwendung |
|---|---|---|
| URL | Weblink | Marketingplakate, Produktverpackungen |
| Text | Klartext | Eventdetails, Gutscheincodes |
| WLAN | Netzwerkname + Passwort | Restaurants, Hotels, Büros |
| vCard | Kontaktinformationen | Visitenkarten, Messen |
| E-Mail-Adresse | Kundensupport | |
| SMS | Telefonnummer | Bestätigungscodes, Benachrichtigungen |
QR-Codes mit ToolsKu generieren
Schritte
- Öffnen Sie den QR-Code-Generator
- Inhalt eingeben (URL, Text usw.)
- Einstellungen anpassen (Größe, Fehlerkorrekturlevel, Farben)
- Vorschau und Download als PNG/SVG
Parameter-Leitfaden
| Parameter | Empfohlen | Hinweise |
|---|---|---|
| Größe | 256–512px | 512+ für Druck; 256 reicht für Bildschirme |
| Fehlerkorrektur | M (15%) | Allgemeine Verwendung; H (30%) bei eingebettetem Logo |
| Vordergrund | #000000 | Hohen Kontrast zum Hintergrund beibehalten |
| Hintergrund | #FFFFFF | Keine Farbverläufe oder unruhige Hintergründe |
| Rand | 4 Module | Stellt sicher, dass Scanner die Ruhezone erkennen |
Designrichtlinien und bewährte Methoden
1. Hohen Kontrast beibehalten
QR-Codes werden durch den Kontrast zwischen dunklen und hellen Modulen gelesen. Diese führen oft zu Scanfehlern:
- ❌ Heller QR-Code auf hellem Hintergrund
- ❌ Invertierte Farben (weißer Code auf schwarz)—einige Scanner unterstützen das nicht
- ❌ Komplexe Hintergrundbilder
2. Ruhezone reservieren
QR-Codes benötigen mindestens 4 Modulbreiten weißen Rand (Ruhezone) auf allen Seiten. Beim Einbetten eines Logos die drei Eck-Suchmuster nicht abdecken.
3. Das richtige Fehlerkorrekturlevel wählen
| Level | Wiederherstellung | Am besten für |
|---|---|---|
| L | 7% | Saubere Umgebungen, digitale Anzeige |
| M | 15% | Allgemeine Verwendung (empfohlen) |
| Q | 25% | Druckmaterialien, die beschädigt werden können |
| H | 30% | Logo in der Mitte |
4. Bewährte Methoden für URL-QR-Codes
✅ https://example.com/product?utm_source=qr&utm_campaign=poster
❌ http://example.com/very/long/path/with/many/parameters/that/make/the/code/dense
- HTTPS verwenden
- URLs kurz halten (Kurzlink-Dienste helfen)
- UTM-Parameter zur Quellenverfolgung hinzufügen
Praxis-Szenarien
Szenario 1: Eventplakat
Inhalt: https://event.com/register?ref=poster2026
Größe: 512px
Fehlerkorrektur: H (30%) — Plakat kann gefaltet werden
Format: PNG (Druck) oder SVG (Vektor)
Szenario 2: Restaurant-WLAN
Inhalt: WIFI:T:WPA;S:Restaurant_5G;P:Welcome2026;;
Größe: 256px
Fehlerkorrektur: M
Platzierung: Tischaufsteller, Menü-Fußzeile
Szenario 3: Produktverpackung
Inhalt: https://product.com/manual?id=SKU123
Größe: 256px
Fehlerkorrektur: Q (25%) — Verpackung kann abnutzen
Tipp: „Für Handbuch scannen" in der Nähe hinzufügen
Szenario 4: Visitenkarte
Inhalt: vCard-Kontaktformat
Größe: 128px
Fehlerkorrektur: H — kleine Größe braucht hohe Wiederherstellung
QR-Code vs. Barcode
| Vergleich | QR-Code | Barcode |
|---|---|---|
| Dimensionen | 2D | 1D |
| Kapazität | Bis zu ~4.000 Zeichen | Meist 20–30 Zeichen |
| Scanrichtung | 360° | Eine Richtung |
| Am besten für | URL, Text, WLAN | Produkt-SKU, ISBN |
| Werkzeug | QR-Code-Generator | Barcode-Generator |
FAQ
QR-Code lässt sich nicht scannen?
- Überprüfen Sie, ob der Kontrast ausreichend ist
- Bestätigen Sie, dass die Ruhezone (Rand) groß genug ist
- Die Druckgröße ist nicht zu klein (mindestens ~2cm × 2cm empfohlen)
- Versuchen Sie ein höheres Fehlerkorrekturlevel
Kann ich ein Logo in die Mitte setzen?
Ja, aber:
- Fehlerkorrektur auf H (30%) einstellen
- Logo-Fläche sollte ~30% der QR-Code-Fläche nicht überschreiten
- Die drei Eck-Suchmuster nicht abdecken
PNG oder SVG?
- PNG: Web, Social Media, allgemeiner Druck
- SVG: Beliebiges Skalieren, professioneller Druck, Einbettung in Webseiten
Zusammenfassung
QR-Codes verbinden Offline- und Online-Erlebnisse. Mit der richtigen Fehlerkorrektur, Kontrast und Größe—und dem QR-Code-Generator von ToolsKu—können Sie schnell normkonforme Codes für Marketing, Arbeit und Alltag erstellen.