Webentwicklung

QR Code Generator / Reader

Einen QR-Code aus Text oder einer URL erzeugen oder den Inhalt aus einem hochgeladenen Bild auslesen.

Hier erscheint der QR-Code.

Ein QR-Code ist ein zweidimensionaler Strichcode, der Text, eine URL oder andere Daten so kodiert, dass eine Kamera sie sofort lesen kann. Dieses Tool erzeugt einen QR-Code aus eingegebenem Text und liest umgekehrt den Inhalt aus einem hochgeladenen Bild aus — alles im Browser.

So verwendest du es

Typische Anwendungsfälle

Was du wissen solltest

Eine höhere Fehlerkorrekturstufe (H statt L) macht den Code widerstandsfähiger gegen Beschädigung, aber auch dichter — er fasst bei gleicher physischer Größe weniger Daten.

Ein QR-Code verbirgt seinen Inhalt nicht — jeder kann ihn genauso lesen wie du, kodiere darin also nie Passwörter oder private Daten.

Artikel zu diesem Tool: QR-Codes: wie ein Link in ein Quadrat aus Pixeln passt

Häufig gestellte Fragen

Was ändert die Fehlerkorrekturstufe (L/M/Q/H)?

Höhere Stufen, bis zu H mit etwa 30 %, halten den QR-Code auch dann lesbar, wenn ein Teil davon beschädigt oder verdeckt ist, verringern aber auch, wie viele Daten bei einer bestimmten Größe hineinpassen — L mit etwa 7 % passt die meisten Daten hinein, verträgt aber am wenigsten Beschädigung.

Warum kann mein QR-Code-Bild nicht gelesen werden?

Das Lesen nutzt die jsqr-Bibliothek, um das Bild lokal zu dekodieren; es kann bei unscharfen, schrägen oder stark spiegelnden Fotos fehlschlagen, daher funktioniert eine klare, gerade Aufnahme mit gutem Kontrast am besten.

Werden meine Daten oder mein Bild irgendwohin hochgeladen?

Nein, sowohl das Erstellen als auch das Lesen von QR-Codes erfolgt vollständig in Ihrem Browser mithilfe von JavaScript-Bibliotheken — nichts verlässt Ihr Gerät.

Warum hängt die Datenmenge, die ein QR-Code fassen kann, vom Inhaltstyp ab?

Ein QR-Code unterstützt mehrere Kodierungsmodi — numerisch, alphanumerisch und Byte — und jeder verwendet eine unterschiedliche Anzahl an Bits pro Zeichen; der numerische Modus (nur Ziffern) ist am kompaktesten, während der Byte-Modus für beliebigen Text (etwa nicht-lateinische Schrift) am meisten Platz benötigt und daher weniger Zeichen in einen gleich großen Code passen.

Wie viele Zeichen kann ein QR-Code maximal fassen?

Das hängt von der Version des Codes und der Fehlerkorrekturstufe ab — die größte Version (40) mit der niedrigsten Korrekturstufe L fasst bis zu 7089 Ziffern oder 4296 alphanumerische Zeichen, in der Praxis werden für zuverlässiges Scannen aber selten mehr als einige Hundert Zeichen verwendet.

Artikel: Webentwicklung

HEX, RGB, HSL: warum es so viele Arten gibt, eine Farbe zu schreiben

Warum Designer beim manuellen Auswählen eines Farbtons oft HSL statt HEX bevorzugen.

CSS-Minifizierung: was aus der Datei tatsächlich entfernt wird und warum

Warum minifiziertes CSS im Browser exakt gleich funktioniert, obwohl es für Menschen unlesbar wird.

JavaScript-Minifizierung: der Unterschied zwischen Minifizieren und Obfuskieren

Warum minifizierter Code bei Bedarf immer noch lesbar ist, obfuskierter Code dagegen nicht.

HTML-Minifizierung: warum Leerraum im Markup überhaupt eine Rolle spielt

Warum das Entfernen von Leerraum in <pre> oder einem Textarea das Aussehen der Seite zerstören kann, im Gegensatz zu fast überall sonst.

CSS-Verläufe: wie sich linear von radial und conic unterscheidet

Warum sich conic-gradient für Kreisdiagramme eignet, während radial-gradient einen Lichtfleck-Effekt erzeugt.

Der Luhn-Algorithmus: wie eine Kartennummer auf Korrektheit geprüft wird

Warum eine Kartennummer, die die Luhn-Prüfung besteht, nicht bedeutet, dass diese Karte wirklich existiert.

IBAN: wie eine internationale Bankkontonummer aufgebaut ist

Warum die ersten beiden Buchstaben einer IBAN ein Ländercode sind, nicht Teil der Kontonummer selbst.

Barcodes: wie sich Code 128 von EAN-13 unterscheidet

Warum Produkte im Ladenregal fast immer EAN-13 statt Code 128 verwenden.

Placeholder-Bilder: warum Platzhalterbilder während der Entwicklung wichtig sind

Warum Entwickler während des Layout-Aufbaus absichtlich graue Kästen statt echter Fotos einsetzen.