Zurück zur Startseite

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.

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:2024

Geschichte des QR-Codes

Entstehung und Entwicklung bei Denso Wave, den Erfindern des QR-Codes.

QRCode.com (Denso Wave)

vCard-Spezifikation

IETF-Standard für digitale Visitenkarten (vCard-QR-Codes).

RFC 6350 (IETF)

iCalendar-Format

Standard für Kalenderdaten in Event-QR-Codes (VEVENT).

RFC 5545 (IETF)

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 Checker

Häufige Fragen

Sind die QR-Codes wirklich kostenlos?
Ja, QRStylist ist vollständig kostenlos. Sie können unbegrenzt QR-Codes erstellen, anpassen und in hoher Auflösung herunterladen – ohne Konto oder Zahlung.
Laufen QR-Codes ab?
Statische QR-Codes (wie hier erstellt) laufen nicht ab. Die Daten sind direkt im Muster gespeichert. Solange der verlinkte Inhalt existiert, funktioniert der Code dauerhaft.
Kann ich Scans auswerten?
Statische QR-Codes haben keine eingebaute Auswertung. Für Statistiken nutzen Sie z. B. einen URL-Shortener mit Analytics oder UTM-Parameter für Google Analytics.
Wie viele Daten passen in einen QR-Code?
Bis zu 4.296 alphanumerische Zeichen oder 2.953 Bytes. Mehr Daten bedeuten ein dichteres Muster und schwereres Scannen. Halten Sie den Inhalt knapp.
PNG oder SVG – was soll ich herunterladen?
PNG (z. B. 1000×1000 px) für Web, Social Media oder Präsentationen. SVG für Druck – vektorbasiert, beliebig skalierbar.
Kann ich den QR-Code nachträglich ändern?
Statische QR-Codes sind nach der Erstellung nicht editierbar. Für andere Inhalte müssen Sie einen neuen Code erstellen.
Werden meine Daten gespeichert oder weitergegeben?
Nein. Die Erstellung läuft vollständig in Ihrem Browser. Ihre Daten (URLs, Kontakte, WLAN-Passwörter usw.) werden nicht an unsere Server gesendet oder gespeichert.

Bereit zum Erstellen?

Erstellen Sie jetzt eigene QR-Codes – kostenlos und in Sekunden.

QR-Typen entdecken