QR-Code-GeneratorKomplette Anleitung
Alles, was Sie für effektive QR-Codes mit QRStylist brauchen.
Was sind QR-Codes?
QR-Codes (Quick Response) sind zweidimensionale Barcodes, die verschiedene Daten speichern können. Im Gegensatz zu klassischen Barcodes können QR-Codes nicht nur Zahlen, sondern auch Text, URLs, Kontaktdaten, WLAN-Zugangsdaten und mehr enthalten. Die Technik ist in ISO/IEC 18004:2024 genormt.
Seit 1994 von Denso Wave für die Automobilindustrie entwickelt, sind QR-Codes aus Marketing, Zahlungsverkehr und Informationsaustausch nicht mehr wegzudenken. Moderne Smartphones lesen sie mit der Kamera-App – ohne zusätzliche App.
QR-Codes haben eine eingebaute Fehlerkorrektur und bleiben auch bei leichter Beschädigung oder Überdeckung lesbar. Dadurch eignen sie sich gut für Druckerzeugnisse, Verpackungen und Außenwerbung.
QR-Code-Typen
QRStylist unterstützt 16 verschiedene QR-Code-Typen für unterschiedliche Anwendungen. Klicken Sie auf einen Typ für den passenden Generator und die Anleitung.
Verlinkt auf jede Website
Verbindet Geräte mit WLAN-Netzen
Speichert Kontakte im Adressbuch
Link zum Instagram-Profil
Link zur Facebook-Seite
Link zum LinkedIn-Profil
Link zum TikTok-Profil
Link zum YouTube-Kanal
Link zum X-Profil
Krypto-Zahlungs-QR-Codes
E-Mail mit vorausgefüllter Adresse
Startet einen Anruf
SMS mit vorgefertigtem Text
Fügt Termine dem Kalender hinzu
Öffnet den Ort in Karten-Apps
Zeigt einen Text an
Anpassungsoptionen
Jeden QR-Code können Sie an Ihre Marke anpassen. Das Design-Panel hat drei Bereiche: Formen, Farben und Logo.
Formen
Steuert das Aussehen der Module und der drei Eckmuster (Suchmuster).
- Datenmuster — Stil der Module: quadratisch, Punkte, Rauten, abgerundet usw.
- Eckenform — Form der drei Suchmuster (die „Augen“): Quadrat, Abgerundet oder Kreis.
- Inneres Eckenauge — Form der Mitte jedes Eck-Auges: Quadrat oder Kreis.
- Ruhezone (Rand) — Weißer Abstand um den Code in Modulen. Mindestens 4 Module für zuverlässiges Scannen (ISO/IEC 18004).
Farben
Farbe des QR-Codes und des Hintergrunds. Wählen Sie einen Modus:
- Einfarbig — QR-Code-Farbe und Hintergrund. Klar und gut lesbar.
- Verlauf — Verlauf Start, Ende und Hintergrundfarbe für einen zweifarbigen Code.
- Klassisch — Schwarz-weiß für maximalen Kontrast und Kompatibilität.
Halten Sie ausreichend Kontrast zwischen Vordergrund und Hintergrund für gutes Scannen.
Logo
Fügen Sie ein Logo oder Icon in die Mitte ein. Der Code nutzt starke Fehlerkorrektur, damit er mit Logo gut lesbar bleibt.
- Eigenes Logo — Klicken, per Drag & Drop oder Einfügen. Quadratisches Bild mit transparentem Hintergrund empfohlen.
- Social-Icon — Wählen Sie ein Icon (Facebook, YouTube, X, Instagram, LinkedIn, TikTok).
- Logogröße — Wie viel vom Code das Logo einnimmt (in %).
- Logo-Hintergrundabstand — Abstand in Pixeln zwischen Logo und Modulen.
Warum „wächst“ der QR-Code in der Vorschau bei mehr Text?
Mehr Inhalt braucht mehr Module. Die weiße Ruhezone bleibt in Modulanzahl gleich (mind. 4 pro Seite). Die Gesamtgröße in Pixeln bleibt gleich; der Anteil des Musters wird größer, der Rand wirkt kleiner. Das ist normal und Ihr heruntergeladener Code scannt einwandfrei.
Best Practices
Empfohlen
- QR-Code vor Druck oder Veröffentlichung testen
- Hohen Kontrast zwischen Code und Hintergrund einhalten (Ziel: 4,5:1 laut WCAG)
- Ruhezone (Rand) von mind. 4 Modulen einhalten
- Größe an Leseabstand anpassen (mind. 2 cm für Nahbereich)
- Klare Handlungsaufforderung neben dem Code platzieren
- HTTPS-URLs für Sicherheit und Vertrauen nutzen
Vermeiden
- Geringen Kontrast verwenden (z. B. Hellgrau auf Weiß)
- Farben invertieren (dunkler Hintergrund, heller Code)
- Zu klein drucken oder Code verzerren
- Auf stark gemusterte oder reflektierende Flächen kleben
- Auf nicht mobilfreundliche Inhalte verlinken
- Logo nutzen, das mehr als 30 % des Codes bedeckt
QR-Code vor dem Einsatz testen
Jeden erstellten QR-Code sollten Sie testen. Nach dem Download mit der Handykamera (oder einem Gerät Ihrer Zielgruppe) scannen und das Ergebnis prüfen.
- URL-Codes — Prüfen, ob die richtige Seite lädt.
- WLAN-Codes — Mit zweitem Gerät scannen und Verbindung prüfen.
- vCard/Kontakt — Prüfen, ob der gespeicherte Kontakt stimmt.
- Andere Typen — Aktion durchspielen (SMS, E-Mail, Event usw.), ob die Daten korrekt sind.
Beim Drucken den Code in ähnlicher Größe testen (z. B. auf dem Bildschirm in Druckgröße), um Leseprobleme vor dem Druck zu erkennen.
Scannen & Kompatibilität
Mit QRStylist erstellte QR-Codes funktionieren mit allen gängigen Geräten und Scanner-Apps.
iPhone (iOS)
Kamera-App öffnen und auf den QR-Code halten. Ein Hinweis erscheint – tippen zum Öffnen. Ab iOS 11. Bei WLAN-Codes erscheint „Netzwerk beitreten“.
Android
Die meisten Android-Smartphones (ab Android 9) scannen direkt mit der Kamera-App. Bei einigen muss die Funktion in den Kameraeinstellungen aktiviert werden. Google Lens ist auf vielen Geräten integriert.
Scanner-Apps
Jede QR-Scanner-App kann die Codes lesen. Wir nutzen Standardformate (URL, WIFI:, MECARD:, VEVENT usw.), die überall unterstützt werden.
Normen & Ressourcen
QR-Codes und ihre Datenformate basieren auf offenen Standards. Hier die relevanten Spezifikationen und Hilfen:
QR-Code-Norm
Die internationale Norm für QR-Code-Symbologie inkl. Fehlerkorrektur und Kodierung.
ISO/IEC 18004:2024Geschichte des QR-Codes
Entstehung und Entwicklung bei Denso Wave, den Erfindern des QR-Codes.
QRCode.com (Denso Wave)Richtlinien zur Barrierefreiheit
WCAG-Empfehlungen zu Farbkontrast – wichtig für gut lesbare QR-Codes.
WCAG 2.1 Kontrast (W3C)Kontrast-Checker
Prüfen Sie, ob Ihre QR-Code-Farben die Anforderungen an Kontrast erfüllen.
WebAIM Contrast CheckerHäufige Fragen
Sind die QR-Codes wirklich kostenlos?
Laufen QR-Codes ab?
Kann ich Scans auswerten?
Wie viele Daten passen in einen QR-Code?
PNG oder SVG – was soll ich herunterladen?
Kann ich den QR-Code nachträglich ändern?
Werden meine Daten gespeichert oder weitergegeben?
Bereit zum Erstellen?
Erstellen Sie jetzt eigene QR-Codes – kostenlos und in Sekunden.
QR-Typen entdecken