QR-Code Generator

Erstelle QR-Codes.

Der QR-Code wird mit der qrcode.js-Bibliothek clientseitig erzeugt. Die Verarbeitung erfolgt rein lokal im Browser. Wählen Sie den Typ (Text, URL, WLAN oder Kontakt), geben Sie den Inhalt ein und wählen Sie die Farbe. Der QR-Code wird als Canvas gerendert und kann als Bild gespeichert werden. Testen Sie den Code vor der Veröffentlichung mit verschiedenen Scanner-Apps.

So benutzt du den Generator

  1. Typ wählenWähle Text, URL, WLAN oder Kontakt.
  2. Inhalt eingebenGib den Inhalt ein (z. B. eine URL oder einen Text).
  3. Farbe wählenWählen Sie die Farbe des QR-Codes.
  4. Code speichernKlicke mit der rechten Maustaste auf den Code und wähle 'Bild speichern'.

Wie der Generator funktioniert

Der QR-Code wird mit der qrcode.js-Bibliothek clientseitig erzeugt. Die Bibliothek kodiert den Inhalt in eine Matrix aus schwarzen und weißen Modulen. Die Verarbeitung erfolgt rein lokal im Browser.

QRCode.toCanvas(canvas, content)

Tipps für QR-Codes

  • Testen Sie den QR-Code vor der Veröffentlichung mit verschiedenen Scanner-Apps.
  • Wählen Sie einen hohen Kontrast zwischen Code und Hintergrund.
  • Der Code sollte mindestens 2x2 cm groß sein, um scannbar zu bleiben.
  • Für WLAN-Codes: Nutzen Sie das Format WIFI:T:WPA;S:Netzwerkname;P:Passwort;;
  • Kontakt-Codes (vCard) ermöglichen das direkte Speichern von Kontaktdaten.

Unterstützte Inhalts-Typen

  • Text: Beliebiger Text, der als QR-Code kodiert wird.
  • URL: Web-Links, die beim Scannen im Browser geöffnet werden.
  • WLAN: WLAN-Zugänge, die beim Scannen automatisch verbunden werden.
  • Kontakt: vCard-Daten, die beim Scannen als Kontakt gespeichert werden.
  • E-Mail: mailto-Links, die beim Scannen den E-Mail-Client öffnen.

Annahmen und Grenzen

  • Der QR-Code wird rein lokal im Browser erzeugt.
  • Die Fehlerkorrekturstufe ist mittel (M).
  • Sehr lange Inhalte können zu großen, schwer lesbaren Codes führen.
  • Die Farbe sollte dunkel genug sein, um Kontrast zum weißen Hintergrund zu haben.
  • Einige Scanner haben Schwierigkeiten mit sehr kleinen Codes.

Wofür du den QR-Code-Generator brauchst

Du erstellst einen WLAN-Code für Gäste, bringst eine URL auf einen Flyer oder Visitenkarte oder teilst Kontaktdaten: Du wählst den Typ – Text, URL, WLAN oder Kontakt – gibst den Inhalt ein und wählst die Farbe. Der QR-Code wird mit der qrcode.js-Bibliothek clientseitig als Canvas gerendert und kann als Bild gespeichert werden. Das Tool ersetzt die Generierung in einem Grafikprogramm für genau diese Aufgabe. Veranstalter bringen Links auf Plakate, Gastronomen kodieren ihr WLAN, und Einzelhandelsgeschäfte verlinken auf Bewertungsseiten.

Mögliche Fehler und was dagegen hilft

  • Der Code wird nicht gescannt: Der Kontrast zwischen Code und Hintergrund ist zu gering. Wähle eine dunklere Farbe für den Code.
  • Der Code wirkt zu dicht: Der Inhalt ist zu lang – lange URLs erzeugen viele Module. Kürze den Link, zum Beispiel mit einem Kurz-URL-Dienst.
  • Das Bild wird unscharf: Das Rendering war in niedriger Auflösung. Speichere das Bild in der höchsten Qualität.
  • Der Test fehlt: Der Code wurde nicht mit verschiedenen Scanner-Apps geprüft. Teste vor der Veröffentlichung.
  • Die Größe passt nicht auf das Medium: Der Code richtet sich nach der Zeichenanzahl. Prüfe vorher, ob er auf Flyer oder Visitenkarte lesbar ist.

Für wen sich der Generator eignet

Gebaut ist es für Veranstalter, die Links auf Plakate bringen, für Gastronomen, die ihr WLAN teilen, und für den Einzelhandel, der auf Bewertungsseiten verlinkt. Auch Selbstständige bringen Kontaktdaten auf Visitenkarten, und Marketing-Teams verlinken Kampagnen auf Printmaterial. Für Menüs, Programme und Karten ist der Generator ebenso praktisch: Der Code wird ausgedruckt und gescannt, ohne dass der Text mitgetippt werden muss. Wenn du den Code vorher testen willst, ist der QR-Code Scanner die passende Adresse, für Kampagnenlinks hilft der UTM-Link-Builder, und für Nachrichten direkt in WhatsApp der WhatsApp-Link-Generator.

Datenschutz & Prüfung: Dieses Tool arbeitet vollständig lokal in deinem Browser – Eingaben und Dateien werden nicht hochgeladen oder gespeichert. Funktion geprüft: Oktober 2026.

Passende Tools

Web & Code

UTM-Link-Builder

Kampagnen-Links mit UTM-Parametern erstellen – für Google Analytics, Newsletter und Social Media.

Zum Tool Web & Code

WhatsApp-Link-Generator

WhatsApp-Link mit Telefonnummer und Vorlage-Nachricht erstellen (wa.me) – als Link oder HTML-Button.

Zum Tool Dokumente

QR-Code Scanner

QR-Codes per Kamera oder Bilddatei scannen.

Zum Tool

Häufige Fragen

Kann ich den QR-Code anpassen?

Du kannst die Farbe ändern. Die Größe ist zurzeit fest auf 256x256 Pixel eingestellt.

Wie speichere ich den QR-Code?

Klicke mit der rechten Maustaste auf den Code und wähle 'Bild speichern'. Der Code wird als PNG gespeichert.

Welche QR-Code-Typen werden unterstützt?

Text, URL, WLAN und Kontakt (vCard). E-Mail und Telefon sind für eine zukünftige Version geplant.

Wie funktioniert der Generator ohne Server?

Die qrcode.js-Bibliothek erzeugt den Code lokal im Browser. Es wird nichts übertragen.

Kann ich die Größe ändern?

Derzeit ist die Größe fest auf 256x256 Pixel eingestellt. Eine anpassbare Größe ist geplant.

Alle Tools an einem Ort

Über 100 Rechner für Alltag, Mathematik, Finanzen und mehr – kostenlos, ohne Anmeldung und mit sichtbarem Rechenweg.

Alle Tools ansehen Alle Kategorien