QR-Code-Generator — URL, WiFi, vCard, Email, SMS, Standort

Was ist ein QR-Code?

// Build a WiFi payload and generate an SVG QR
import QRCode from 'qrcode';

// 1. WIFI: protocol (de facto, recognized by iOS+Android)
const payload = 'WIFI:T:WPA;S:My\\;Network;P:p@ss\\;word;H:false;;';

// 2. Generate SVG (vector, scales without pixelation)
const svg = await QRCode.toString(payload, {
  type: 'svg',
  errorCorrectionLevel: 'M',
  margin: 4,
  color: { dark: '#000000', light: '#ffffff' },
});

// 3. Drop into the DOM (DOMParser-safe, not innerHTML)
const doc = new DOMParser().parseFromString(svg, 'image/svg+xml');
preview.replaceChildren(doc.documentElement);

Hauptfunktionen

Beispiele

https://go-tools.org

SSID: Cafe WiFi / WPA2 / Passwort: visitor2026

Ada Lovelace / Acme Corp / +1 555 0100 / ada@acme.test

Breite 40.7829, Länge -73.9654 (Central Park)

Anleitung

1. 1

   Datentyp wählen

   Wählen Sie den Tab passend zu Ihrem Inhalt: URL für Webseiten, WiFi für Netzwerk-Sharing, vCard für Kontaktdaten, Email oder SMS für vorausgefüllte Nachrichten, Location für Karten-Pins oder Plain Text für beliebigen Inhalt.

2. 2

   Felder ausfüllen

   Jeder Tab zeigt die richtigen Felder für seinen Typ. WiFi braucht SSID, Passwort und Sicherheitstyp. vCard akzeptiert Name, Telefon, E-Mail, Organisation und Webseite. Die QR-Vorschau aktualisiert sich beim Tippen.

3. 3

   Anpassen (optional)

   Im Customize-Panel können Sie Fehlerkorrekturstufe (M reicht für die meisten Fälle, H für Druck), Ausgabegröße (200-1024 px) sowie Vorder- und Hintergrundfarben ändern. Das Tool warnt, falls der Kontrast für zuverlässiges Scannen zu niedrig ist.

4. 4

   SVG oder PNG herunterladen

   Klicken Sie Download SVG für Vektorausgabe (skalierbar, ideal für Druck) oder wählen Sie eine PNG-Größe (256/512/1024 px) aus dem Dropdown. Mit Copy SVG fügen Sie den QR direkt in Figma oder Ihr Designtool ein.

Häufige QR-Code-Fehler

QR encodes: https://bit.ly/abc → 404 after subscription lapses

QR encodes: https://your-domain.com/menu directly

FG #cccccc on BG #ffffff (ratio 1.6:1)

FG #003366 on BG #ffffff (ratio 12.6:1)

WIFI:T:WPA;S:Cafe;P:p@ss;word;; (parser breaks at the unescaped ;)

WIFI:T:WPA;S:Cafe;P:p@ss\;word;;

Print poster, ECC=L, partially folded → unreadable

Print poster, ECC=H → readable even with 30% damage

40% logo over center → fails on Samsung phones

15% logo, ECC=H → reliable across phones

?utm_source=...&utm_medium=...&utm_campaign=... (350 chars at M → reject)

Use /go/spring (35 chars) with server-side redirect to the long URL

Anwendungsfälle

Restaurant-Speisekarten

Drucken Sie einen URL-QR auf den Tisch — Gäste sehen die Speisekarte auf ihrem Handy. Statischer QR heißt, er funktioniert auch nach einem Hosting- oder Domain-Wechsel.

WiFi für Gäste

Kleben Sie einen WiFi-QR neben die Tür zu Hause, im Café oder im Konferenzraum. Gäste scannen und treten bei, ohne das Passwort einzutippen — und Sie müssen es nicht laut vorlesen.

Veranstaltungs-Check-in

Drucken Sie einen URL-QR mit Verweis auf Ihre Anmeldeseite auf Tickets und Schilder. Er taucht auf Fotos, Namensschildern und Lanyards auf — jeder Scan ist ein nachverfolgter Check-in.

Visitenkarten

Fügen Sie einen vCard-QR auf Papierkarten hinzu — beim Scannen wird Ihr Kontakt sofort gespeichert. Etwa 4× höhere Speicherrate, als jemanden zu bitten, Ihre Daten in sein Handy zu tippen.

Standort-Pins für Veranstaltungsorte

Geo-QRs öffnen die Standard-Karten-App mit bereits gesetztem Pin. Verwenden Sie sie auf Immobilienanzeigen, Restaurant-Flyern, Konferenzschildern und Hochzeitseinladungen.

Marketing-Plakate

URL-QRs mit UTM-Parametern verfolgen die Attribution von Print-Kampagnen. Ein statischer QR überlebt auch, wenn der Analytics-Anbieter eingestellt wird oder Ihr Konto abläuft.

Produktverpackungen

Codieren Sie Garantie-, Anleitungs- oder Registrierungs-URLs auf der Schachtel. Verwenden Sie Fehlerkorrektur H, damit der QR Versandschäden, Schrammen und Klappkanten übersteht.

Museums- & Ausstellungsbeschriftung

Audio-Guide-URLs, vertiefende Inhalte, Sprachalternativen — Besucher erhalten reichhaltige Inhalte über ihr eigenes Handy, statt sperrige Druckhefte mitzuführen.

Technische Details

ISO/IEC 18004:2015 konform

Die Ausgabe folgt dem internationalen QR-Code-Standard. Versionen 1 bis 40 (21×21 bis 177×177 Module) werden automatisch nach Inhaltsgröße und gewählter Fehlerkorrekturstufe ausgewählt.

Reed-Solomon-Fehlerkorrektur

QR-Codes nutzen Reed-Solomon-Codierung, um Schäden oder Verdeckung auszugleichen. Stufen L/M/Q/H stellen etwa 7%, 15%, 25% und 30% beschädigter Daten wieder her. Höhere Stufen bedeuten einen größeren QR für denselben Inhalt.

Standard-URI-Schemata

WIFI:-Protokoll (De facto, von iOS und Android erkannt), mailto: (RFC 6068), sms: (RFC 5724), geo: (RFC 5870). Kontaktkarten nutzen vCard 3.0 (RFC 2426) — bessere Scanner-Kompatibilität als vCard 4.0 (RFC 6350). Eingebaute iOS- und Android-Kamera-Apps erkennen sie alle.

Automatischer Encoding-Modus

Die qrcode-Bibliothek wählt das effizienteste Encoding (numerisch, alphanumerisch, byte oder kanji) für jede Eingabe. UTF-8-Byte-Modus verarbeitet Nicht-ASCII-Text einschließlich Emoji und CJK-Zeichen.

Best Practices

Quiet Zone nicht zuschneiden

QR-Codes brauchen rundherum einen Rand von 4 Modulen Breite in der Hintergrundfarbe. Dieses Tool fügt ihn standardmäßig hinzu — nicht aus dem Layout schneiden, auch wenn er wie verschwendeter Weißraum aussieht.

ECC-Stufe H für gedruckte QRs verwenden

Druck verzeiht nichts — Verblassen, Kratzer und Knicke beschädigen den Code. Fehlerkorrekturstufe H (~30% Wiederherstellung) rettet Sie. Stufe M reicht für Bildschirme, die nicht degradieren.

Kontrastverhältnis 4,5:1 oder höher halten

QR-Scanner messen den Kontrast zwischen dunklen und hellen Modulen. Bleiben Sie bei dunklem Vordergrund auf hellem Hintergrund. Invertiert (hell auf dunkel) funktioniert auf manchen Handys, scheitert auf anderen.

Auf iOS und Android testen

iOS Camera liest QR-Codes seit iOS 11 standardmäßig. Android variiert je nach Hersteller — Samsung, Pixel und Xiaomi verhalten sich leicht unterschiedlich. Beide testen, bevor Sie 10.000 Flyer drucken.

HTTPS und kurze URLs nutzen

Lange URLs machen den QR dichter (kleinere Module → schlechter scannbar). Wenn Ihre Tracking-URL 200+ Zeichen hat, leiten Sie sie über einen statischen URL-Shortener, den Sie selbst kontrollieren — nicht Bitly, da dessen Links ablaufen.

Häufig gestellte Fragen