Zum Hauptinhalt springen
Dekodierer

QR-Code-Decoder

Liest ein ausgewähltes Bild mit createImageBitmap, Canvas und jsQR, dekodiert das erste erkennbare QR-Symbol, klassifiziert Präfixe und kopiert den exakten Text lokal. Ideal für Nutzer, die QR-Codes aus Screenshots, Fotos oder Drucksachen scannen wollen, ohne die Kamera zu verwenden. Erkennt URL, E-Mail, Telefon, WLAN und vCard-Formate automatisch.

QR-Werkzeuge

QR-Code-Bild ziehen und ablegenoder klicken zum Durchsuchen — PNG, JPEG, GIF, BMP, WebP

Kurz erklärt

Der Decoder liest ein Bild in Canvas, versucht normale und invertierte QR-Pixel, gibt das erste jsQR-Symbol zurück und lädt das Bild nie hoch.

Unterstützte Funktionen

  • Akzeptiert ein Bild per Dateiwahl oder Drag-and-drop, dekodiert es mit createImageBitmap und liest RGBA-Pixel aus Canvas.
  • Verwendet jsQR mit attemptBoth für normale/invertierte Darstellung und liefert die erste nichtleere QR-Nutzlast.
  • Klassifiziert http/https, mailto, tel, WIFI, vCard, SMS, geo und VEVENT; sonst lautet der Typ text.
  • Zeigt eine Vorschau, kopiert den exakten String und speichert bei aktiviertem Verlauf bis zu zehn lokale Ergebnisse in localStorage.

QR-Code-Decoder verwenden

Dieser implementierungsspezifische Ablauf für QR-Code-Decoder entspricht den tatsächlichen Bedienelementen und Grenzen des Browser-Arbeitsbereichs.

  1. 1

    Schritt 1

    Exakte Quelle angeben

    Ein scharfes Bild mit genau einem vollständigen QR-Symbol und sichtbarer Ruhezone auswählen oder ablegen.

  2. 2

    Schritt 2

    Vorgang wählen

    Dateidecoder statt Kameramodus verwenden; der Browser muss den Bildcodec dekodieren können.

  3. 3

    Schritt 3

    Verfügbare Optionen einstellen

    Warten, während createImageBitmap, Canvas-Pixellesen und jsQR beide Helligkeitsrichtungen prüfen.

  4. 4

    Schritt 4

    Lokalen Vorgang ausführen

    Gesamte Nutzlast und heuristischen Typ kontrollieren; URL erst nach Prüfung von Scheme, Host und Zeichen öffnen.

  5. 5

    Schritt 5

    Ergebnis prüfen und weiterarbeiten

    Text an das passende lokale Folgewerkzeug kopieren und sensiblen optionalen Verlauf löschen.

Häufige Fehler

Unscharfes, beschnittenes, winziges oder perspektivisch verzerrtes Symbol laden

Folge: Finder-Muster/Ruhezone fehlen und jsQR meldet, dass kein QR-Code gefunden wurde.

Lösung: Originalauflösung mit allen vier Kanten nutzen und mehrfach komprimierte Screenshots vermeiden.

Typbezeichnung als Inhaltsvalidierung ansehen

Folge: Sie prüft nur Stringpräfixe; eine URL kann täuschen und WIFI/vCard kann syntaktisch falsch sein.

Lösung: Exakten Text ansehen und mit einem typspezifischen Validator prüfen.

Sicheres Größenlimit für jedes image/* annehmen

Folge: Vor Bitmap-Allokation gibt es keine explizite Datei-/Dimensionsgrenze.

Lösung: Normales Standbildformat verwenden und sehr große Quellen auf speicherarmen Geräten vorab verkleinern.

Bewährte Verfahren

  • Unbekannte QR-Inhalte zuerst als Text lesen und niemals automatisch navigieren.
  • Originalbild behalten, bis die Nutzlast Zeichen für Zeichen bestätigt ist.
  • Verlauf bei WLAN-Zugangsdaten, Tokens, Kontakten oder privaten URLs deaktivieren/löschen.

Verbundene Abläufe

QR-Nutzlast aus Bild extrahieren und validieren

QR-Code-DecoderURL-ValidatorJWT-Decoder

Lokales Bild dekodieren, den unvertrauten String prüfen und dann an einen Validator passend zum behaupteten Typ übergeben.

  1. Originalbild wählen
  2. Eine Nutzlast dekodieren
  3. Exakten Text prüfen
  4. Behaupteten Typ validieren
  5. Sensiblen Verlauf löschen

Browser-Einschränkungen

  • createImageBitmap/Canvas-Codecs variieren; SVG, HEIC, Animation, defekte oder riesige Dateien können scheitern oder Speicher erschöpfen.
  • Nur erstes lesbares QR-Ergebnis, keine Mehrfachauswahl, Barcodes, Reparatursteuerung oder Konfidenzwert.
  • Volle Bildpixel werden nach Bitmap-Erzeugung im Hauptthread verarbeitet; große Bilder können kurz blockieren.

Verbindliche Quellen

ISO/IEC 18004:2024 QR code symbology specificationHerausgeber: ISO / IEC · Geprüft: 2026-07-26Window.createImageBitmap()Herausgeber: MDN Web Docs · Geprüft: 2026-07-26

Konkrete Beispiele

Eingabe
PNG mit einem QR-Symbol, dessen Nutzlast https://example.com/docs lautet
Ergebnis
Typ: url; der exakte String steht zum Kopieren bereit.

jsQR liefert Symboltext; parseQRCodeType kennzeichnet https:// als url, ohne Ziel abzurufen oder zu validieren.

Häufig gestellte Fragen

Kann ich ohne Kameraberechtigung dekodieren?

Ja. Nur ein ausgewähltes lokales Bild ist nötig; für expliziten Kamerazugriff gibt es QR Scanner.

Warum scheitert ein scheinbar klarer Screenshot?

Beschnittene Ruhezone, Skalierung, Kompression, Glanz, Perspektive oder geringer Modulkontrast können die Rastererkennung verhindern.

Werden mehrere QR-Codes in einem Foto gelesen?

Nein. Der aktuelle jsQR-Aufruf und die Oberfläche liefern nur ein Ergebnis.

Öffnet sich eine dekodierte URL automatisch?

Nein. Der Wert wird zuerst gezeigt; ein etwaiger „URL öffnen“-Link ist eine separate bewusste Aktion.

Wo liegen frühere Dekodierungen?

Nur bei global aktiviertem Verlauf werden bis zu zehn Ergebnisse unter einem decoder-spezifischen localStorage-Schlüssel gehalten.

Datenschutz und Offline-Verhalten

Bild, Canvas-Pixel, Vorschau-Data-URL und Nutzlast bleiben auf dem Gerät. Optionaler Verlauf liegt nur bei Aktivierung in diesem Browser; nach Caching funktioniert der Decoder offline.