URL

QR-Code

Vorschau

SVG-Markup

Was ist der QR-Code-Generator?

Du willst einen Link offline teilen — auf einem Poster drucken, auf einer Visitenkarte unterbringen, auf einen Lieferschein klatschen. URL einfügen, QR-Code bekommen, SVG speichern. Die Kodierung folgt der ISO/IEC 18004, dem internationalen Standard für QR-Codes, den jede Handykamera lesen kann.

Die Ausgabe ist ein SVG — Vektorgrafik, beliebig skalierbar, druckt in jeder Größe knackscharf. Das ist wichtig, weil Raster-QR-Codes (PNG, JPG) auf einer Plakatwand verschwommen werden oder auf einem winzigen Etikett pixelig wirken. SVG ist außerdem winzig: ein paar hundert Bytes für einen typischen Link. Wenn du den Hintergrund kennenlernen willst, wie QR-Codes Daten kodieren: der Wikipedia-Artikel zu QR-Codes erklärt die Datenmasken, Versionsgrößen und Kapazitätstabellen.

Alles läuft in deinem Browser. Kein Upload, kein Server, keine Logs — die URL bleibt auf deinem Rechner. Der QR-Code wird lokal mit der Bibliothek qrcode-svg erzeugt. Die Fehlerkorrektur steht auf Stufe M (etwa 15 % des Codes können verdeckt sein und werden trotzdem gelesen), das ist die richtige Voreinstellung fürs Drucken — siehe Reed–Solomon-Fehlerkorrektur für die Mathematik dahinter.

Wie man einen QR-Code generiert

Drei Schritte. Der QR-Code aktualisiert sich, während du tippst — du musst nicht auf Konvertieren drücken.

URL einfügen oder Beispiel laden

URL ins linke Panel werfen. Auf Beispiel klicken, um einen realistischen Bestellverfolgungs-Link zu laden. Jeder String, den die QR-Spezifikation kodieren kann, funktioniert — URLs sind der häufige Fall, aber Klartext, vCards und WLAN-Zugangsdaten werden genauso kodiert. Beispiel-URL:

https://api.shop.example.com/v1/orders/ORD-1001

Kürzer ist besser. Eine lange URL erzeugt einen dichteren QR-Code, der für günstige Handykameras aus der Distanz schwerer zu scannen ist.

Vorschau ansehen

Das rechte Panel zeigt zwei Dinge: oben den gerenderten QR-Code, unten das rohe SVG-Markup. Halte die Handykamera auf die Vorschau, um zu prüfen, dass er sich scannen lässt, bevor du druckst — die meisten modernen Handys haben einen QR-Scanner direkt in der Kamera-App.

SVG kopieren oder Datei herunterladen

Klick auf Kopieren, um das SVG-Markup in die Zwischenablage zu schicken — füg es direkt in eine Webseite, ein E-Mail-Template oder eine Designdatei ein. Klick auf Herunterladen, um es als .svg-Datei zu speichern, die du an einen Designer weitergeben oder in ein InDesign-Layout droppen kannst.

Wann du das wirklich brauchst

Einen Link auf etwas Physisches drucken

Poster, Flyer, Verpackung, Restaurantkarten, Visitenkarten, Parktickets, Museums-Ausstellungsschilder, Konferenz-Badges. Die SVG-Ausgabe druckt scharf in jeder Größe — keine Pixel-Artefakte auf Plakatwand-Maßstab. Kombiniere es mit unserem URL-Parser, wenn du den Link vor dem Kodieren prüfen willst.

WLAN- oder App-Store-Link offline teilen

Gäste-WLAN-Schilder, "Lade unsere App"-Sticker, Café-Treueprogramme. Der QR-Code trägt den vollen Link, sodass der Nutzer keine lange URL auf der Handytastatur tippen muss. WLAN-QR-Codes nutzen ein bestimmtes Textformat, das die meisten Handys automatisch erkennen.

Einmalige QR-Codes in einem internen Tool generieren

Bestellverfolgungsseiten, Ticketbuchungen, Labor-Probennummern, Küchen-Bonzettel, Lager-Pickliste. SVG-Markup direkt in die druckbare PDF-Vorlage kopieren — keine QR-Bibliothek im Backend nötig. Nützlich für jeden Workflow, in dem ein Mensch einen Code mit dem Handy scannen muss, um einen Datensatz aufzurufen.

Schnelle visuelle Prüfung eines gekürzten Links

Du hast einen Link mit bit.ly oder deinem eigenen Redirector gekürzt. Kurz-URL hier reinwerfen, Handy auf den QR-Code halten, prüfen, dass er auf der richtigen Seite landet, bevor du veröffentlichst. Schneller als die kurze URL ins Handy zu tippen, und du hast den QR zum Drucken gleich mit dabei.

Häufige Fragen

Wie lang darf die URL sein?

Die praktische Grenze liegt bei etwa 2 KB. Die QR-Spezifikation unterstützt mehr (bis ~4 KB auf Stufe L), aber jenseits von 2 KB werden die Codes so dicht, dass günstige Handykameras Schwierigkeiten beim Scannen bekommen. Wenn deine URL länger ist, lass sie zuerst durch einen URL-Shortener laufen. Die vollständige Kapazitätstabelle findest du auf der offiziellen QR-Code-Seite.

Welche Fehlerkorrektur-Stufe wird verwendet?

Stufe M, also können etwa 15 % des Codes verdeckt sein (Schmutz, Sticker, Logo) und der Code lässt sich trotzdem scannen. Stufe M ist der Standard fürs Drucken — H (30 %) ist größer, lässt aber ein Logo in der Mitte zu, L (7 %) ist kleiner, aber empfindlich. Details zur Funktionsweise findest du unter Reed–Solomon-Fehlerkorrektur.

Kann ich die Farben anpassen?

Aktuell ist die Ausgabe schwarz auf weiß, was am zuverlässigsten gescannt wird. Wenn du Markenfarben brauchst, bearbeite das SVG-Markup direkt — ändere den Fill der dunklen Zellen. Halte das Kontrastverhältnis hoch (dunkel auf hell), sonst verschluckt sich der Scanner. Echte Scanner setzen einen Mindestkontrast voraus; ignoriere ihn, und der Code wird nicht gelesen.

Warum SVG und nicht PNG?

SVG skaliert ohne Pixelung auf jede Größe, das ist genau das, was man fürs Drucken will. Ein 500-Byte-SVG sieht bei 1 cm und bei 1 m identisch aus. PNGs müssen für jeden Einsatz in der richtigen Auflösung exportiert werden, was empfindlich ist. Wenn du wirklich ein PNG brauchst, öffne das SVG in einem aktuellen Browser, speichere das gerenderte Bild oder lass es durch einen SVG-zu-PNG-Konverter laufen.

Verlässt das meinen Browser?

Nein. Die QR-Generierung läuft komplett in JavaScript auf der Seite — kein Server-Aufruf, kein Tracking auf der eingefügten URL. Du kannst es bestätigen, indem du die DevTools öffnest, den Network-Tab beobachtest und eine URL einfügst. Nichts verlässt deinen Rechner.

Kann der QR-Code etwas anderes als URLs kodieren?

Ja — QR-Codes kodieren beliebigen Text. Häufige Nicht-URL-Formate sind vCards (Kontaktdaten), WIFI:-Strings (Netzwerk-Zugangsdaten), tel:- und mailto:-Links und Klartext. Was du einfügst, wird so kodiert, wie es ist. Handys, die bestimmte Formate erkennen (vCard, WLAN), bieten an, den Kontakt hinzuzufügen oder dem Netzwerk automatisch beizutreten.

Weitere URL- und JSON-Tools

Einen QR-Code zu generieren ist nur ein Schritt. Was sich noch natürlich dazu kombinieren lässt:

QR-Code aus URL

URL