BrowserTools
Werbung
Startseite / Generatoren / QR-Code-Scanner

QR-Code-Scanner

Scanne QR-Codes von deiner Kamera oder einem hochgeladenen Bild, vollständig in deinem Browser.

Betreut von BrowserTools

QR-Code-Scanner wird geladen… Wenn nichts passiert, aktiviere JavaScript.

QR-Codes codieren URLs, Kontaktkarten, WLAN-Zugangsdaten, Zahlungsinformationen und beliebigen Text in einem kompakten zweidimensionalen Barcode, den jede Smartphone-Kamera in unter einer Sekunde lesen kann. Aber was, wenn du einen QR-Code aus einem Screenshot, einer Bilddatei oder von einem zweiten Bildschirm decodieren musst, ohne dein Telefon hervorzuholen? Moderne Browser stellen jetzt die BarcodeDetector-API bereit, eine native Schnittstelle, die Bilddaten lokal auf dem Gerät verarbeitet, was ein vollständig browserbasiertes QR-Scannen ohne jeglichen Upload zu einem Server oder eine Drittanbieter-App möglich macht.

Häufig gestellte Fragen

Werden gescannte Bilder oder Kamerabilder auf einen Server hochgeladen?
Nein. Die gesamte Decodierung erfolgt lokal in deinem Browser. Wenn du eine Bilddatei hochlädst, wird sie über die File-API direkt aus dem Speicher deines Geräts gelesen und an die Decodier-Engine des Browsers übergeben. Kamerabilder werden in der Grafik-Pipeline des Browsers verarbeitet und verlassen niemals dein Gerät. Es werden keine Daten protokolliert oder gespeichert.
Wie funktioniert die BarcodeDetector-API technisch?
Die BarcodeDetector-API ist eine browsernative Schnittstelle, die eine Bildquelle, ein HTMLImageElement, HTMLCanvasElement, ImageBitmap oder Blob, akzeptiert und eine Promise zurückgibt, die sich zu einem Array erkannter Barcode-Objekte auflöst, jedes mit einer rawValue-Zeichenkette und einer boundingBox. Im Hintergrund delegiert sie an die Bildanalyse-Frameworks des Betriebssystems: Vision.framework unter macOS/iOS und ML Kit unter Android, sodass Erkennungsgeschwindigkeit und -genauigkeit denen der nativen Kamera-App entsprechen.
Welche Browser und Barcode-Formate werden unterstützt?
Chromium-basierte Browser (Chrome, Edge, Opera) auf dem Desktop und unter Android unterstützen BarcodeDetector und können QR-, Aztec-, Code-128-, Code-39-, Code-93-, Codabar-, Data-Matrix-, EAN-8-, EAN-13-, ITF-, PDF417- und UPC-A/E-Barcodes decodieren. Safari 17 unter macOS und iOS 17 haben die Unterstützung ergänzt. Firefox implementiert BarcodeDetector nicht; das Werkzeug zeigt einen Hinweis zur Browserkompatibilität an und verwendet eine JavaScript-Ausweichlösung.
Welche Berechtigung verlangt der Browser bei Verwendung der Kamera?
Der Browser zeigt beim ersten Aktivieren des Live-Scans eine standardmäßige Kameraberechtigungsabfrage an. Dies ist durch die `getUserMedia`-Spezifikation vorgeschrieben und kann nicht umgangen werden. Du kannst die Berechtigung jederzeit in den Website-Einstellungen deines Browsers widerrufen. Das Werkzeug fordert nur Video an, ohne Audio, und stoppt den Kamerastream, sobald du den Scanner schließt oder verlässt.
Kann ich einen QR-Code aus einem Screenshot oder Bild auf meinem Computer scannen?
Ja. Klicke auf die Schaltfläche Bild hochladen, wähle eine beliebige PNG-, JPEG- oder WebP-Datei von deinem Gerät, und das Werkzeug versucht, alle Barcodes im Bild zu decodieren. Das ist besonders nützlich für QR-Codes, die in E-Mails oder Screenshots empfangen werden, bei denen das Richten einer Telefonkamera auf einen Bildschirm umständlich ist.
Warum schlägt der Scan bei einem gültigen QR-Code manchmal fehl?
Häufige Ursachen sind JPEG-Kompressionsartefakte, die die Modulkanten verwischen, geringer Kontrast zwischen den dunklen Modulen und dem Hintergrund, ein im Bildausschnitt zu kleiner Code, eine Drehung über 45 Grad bei manchen Decodern oder physische Beschädigung, die mehr verdeckt, als die Fehlerkorrekturstufe zulässt. Versuche, das Bild in einem Fotoeditor zu öffnen, um Kontrast und Schärfe zu erhöhen, und lade es erneut hoch.
Wie unterscheidet sich das davon, einfach meine Telefonkamera zu verwenden?
Deine Telefonkamera ist die einfachste Option für physische Codes in der realen Welt. Dieses Werkzeug ist schneller für digitale QR-Codes, Bilder auf deinem Bildschirm, in E-Mail-Anhängen, in PDFs, bei denen das Hervorholen des Telefons und das Richten auf den Bildschirm langsamer und ungenauer ist als das einfache Hochladen der Datei. Es erlaubt dir außerdem, den Inhalt eines QR-Codes zu prüfen, bevor du die URL öffnest, was eine nützliche Sicherheitsprüfung ist.
Kann ich damit einen gerade erstellten QR-Code überprüfen?
Ja, und das ist eine gute Praxis. Lade nach dem Erstellen eines QR-Codes das Bild herunter und lade es hier hoch, um zu bestätigen, dass es genau zu der URL oder den Daten decodiert, die du beabsichtigt hast. Das fängt Fehler ab, etwa das Codieren des falschen Protokolls (http statt https) oder versehentliche Leerzeichen in der Eingabe, die dazu führen könnten, dass der Code zwar gescannt wird, aber falsch weiterleitet.
Ist es sicher, einen unbekannten QR-Code mit diesem Werkzeug zu scannen?
Das Werkzeug decodiert den rohen Inhalt und zeigt ihn als Text an, bevor du irgendeine Aktion ausführst. Das ist sicherer als das direkte Scannen mit einer Telefonkamera, die URLs in der Regel automatisch öffnet. Du kannst die decodierte URL prüfen, sie auf verdächtige Domains oder Weiterleitungen kontrollieren und entscheiden, ob du sie aufrufst, kopierst oder verwirfst.
Funktioniert das Werkzeug in mobilen Browsern?
Ja. Unter Android unterstützt Chrome BarcodeDetector nativ, sodass kamerabasiertes Scannen verfügbar ist. Unter iOS unterstützt Safari 17 oder höher die API. Der Datei-Upload-Weg funktioniert in allen mobilen Browsern. Für das Live-Scannen mit der Kamera am Mobilgerät ist es in der Regel bequemer, die Standard-Kamera-App deines Geräts auf einen physischen Code zu richten, aber das browserbasierte Werkzeug ist nützlich, um einen QR-Code zu decodieren, der auf demselben Bildschirm sichtbar ist.

Über QR-Code-Scanner

Die Anwendungsfälle für einen browserbasierten QR-Scanner sind breiter, als sie zunächst erscheinen mögen. Entwickler stoßen häufig auf QR-Codes in Dokumentationen, Design-Mockups, Authentifizierungsabläufen und Testumgebungen, in denen das Scannen mit einem Telefon unpraktisch ist. IT-Fachleute überprüfen QR-codierte WLAN-Zugangsdaten, bevor sie Beschilderungen bereitstellen. Sicherheitsforscher untersuchen QR-Codes in Phishing-Kampagnen sicher, indem sie die URL decodieren, ohne darauf zu klicken. Content-Ersteller und Marketingfachleute decodieren die QR-Codes von Wettbewerbern, um zu sehen, wohin sie weiterleiten. Jeder, der ein Bild mit einem eingebetteten QR-Code erhält, kann es in dieses Werkzeug ziehen und den Inhalt sofort lesen.

Das Werkzeug nutzt je nach Browserunterstützung zwei Decodierwege. In Chromium-basierten Browsern (Chrome 88+, Edge 88+, Opera 74+) und Safari 17+ verwendet es die native `BarcodeDetector`-API, die rohe Bilddaten an die im Browser eingebaute Decodier-Engine übergibt, dieselbe Engine, die auch die Kamera-App des Betriebssystems verwendet. In Browsern, die `BarcodeDetector` nicht unterstützen, greift es auf eine JavaScript-Implementierung zurück. In beiden Fällen werden die Bilddaten vollständig auf deinem Gerät verarbeitet; nichts wird zu einem Server hochgeladen. Für den Kameramodus nutzt das Werkzeug die `getUserMedia`-API, um auf deinen Webcam-Stream zuzugreifen, verarbeitet die Einzelbilder lokal und stoppt den Stream in dem Moment, in dem du die Seite verlässt.

Für die besten Ergebnisse beim Hochladen eines Bildes verwende eine kontrastreiche Version des Codes mit mindestens 10 Pixeln pro Modul (jedes schwarze oder weiße Quadrat). Komprimierte JPEG-Bilder können an den Modulgrenzen Artefakte einführen, die Decoder verwirren; PNG-Dateien werden zuverlässiger decodiert. Wenn ein Scan fehlschlägt, versuche, Helligkeit und Kontrast des Bildes in einem beliebigen Bildeditor zu erhöhen, bevor du es hochlädst. Für das Live-Scannen mit der Kamera sorge für gleichmäßige Beleuchtung ohne starke Spiegelung auf der Codeoberfläche, und halte die Kamera ruhig in einer Entfernung, bei der der gesamte Code etwa die Hälfte des Bildausschnitts füllt.

Kameras, die Codes lesen: Wie das browserbasierte Scannen von Barcodes möglich wurde

Während des größten Teils der 70-jährigen Geschichte des Barcodes erforderte das Lesen eines solchen spezialisierte Hardware: Laserscanner in Supermärkten, dedizierte Handlesegeräte in Lagerhäusern oder zumindest eine native mobile App mit direktem Kamerazugriff. Die Vorstellung, dass eine Webseite einen Barcode in Echtzeit ohne jegliche installierte Software decodieren könnte, hätte noch 2015 unplausibel gewirkt. Der Wandel kam durch zwei zusammenlaufende Entwicklungen: die rasche Verbesserung der Leistung mobiler GPUs und die Einigung der Browseranbieter, den Zugriff auf Gerätekameras über die `getUserMedia`-API zu standardisieren, die um 2016 eine breite Unterstützung erreichte.

Frühe browserbasierte QR-Scanner stützten sich vollständig auf JavaScript-Bibliotheken, die den Reed-Solomon-Decodieralgorithmus in Software implementierten. Sie funktionierten, waren aber langsam, CPU-intensiv und anfällig für Fehler bei kontrastarmen oder leicht unscharfen Bildern. Die entscheidende Verbesserung kam, als Google die Shape Detection API vorschlug, die später zur BarcodeDetector-API verfeinert wurde, die dieselben hardwarebeschleunigten Bildanalyse-Pipelines bereitstellt, die auch native Apps nutzen. Durch das Delegieren an die Vision- oder ML-Kit-Frameworks des Betriebssystems verbesserte sich die Erkennungsgeschwindigkeit um Größenordnungen und die Zuverlässigkeit erreichte das Niveau nativer Kamera-Apps.

Die BarcodeDetector-API wurde 2020 in Chrome 83 ausgeliefert und steht für einen umfassenderen Trend, bei dem Browser Fähigkeiten aufnehmen, die zuvor native Anwendungen erforderten: Dateisystemzugriff, Bluetooth, USB, Zwischenablage und nun maschinelles Sehen. Jede standardisierte Fähigkeit verringert den Abstand zwischen Web-Apps und nativen Apps, auch wenn die Browseranbieter uneinig sind, wie weit dieser Zugriff reichen sollte. Die Entscheidung von Firefox, BarcodeDetector nicht zu implementieren, spiegelt eine andauernde grundsätzliche Debatte darüber wider, ob Browser überhaupt hardwarenahe APIs bereitstellen sollten, eine Debatte, die der Anwendungsfall des Barcode-Scannens konkret und praktisch macht.

Verwandte Tools

QR-Code-Generator

Erstelle QR-Codes für URLs, Text, WLAN-Zugangsdaten und Kontaktkarten. Lade sie als PNG oder SVG herunter.
Werbung
Werbung
Werbung