DEV Community

Shaishav Patel
Shaishav Patel

Posted on

How to Scan a QR Code Online — From an Image, Camera, or Screenshot, Free

Three situations where scanning a QR code with your phone is the wrong tool:

  1. The QR code is already on your screen — a screenshot, a PDF, a slide deck
  2. You're at a laptop with a physical code and don't want to point one screen at another
  3. You're a developer verifying QR codes you just generated

All three are faster with a browser-based QR Code Scanner — no app, no account, no install.


Method 1: Scan a QR Code From an Image File

Upload any image that contains a QR code — screenshot, photo, downloaded PNG, exported PDF page. The scanner finds the code wherever it sits in the image. You don't need to crop first.

Steps:

  1. Open the online QR Code Scanner
  2. Click Upload Image or drag the file onto the drop zone
  3. Supported: JPG, PNG, WebP, BMP, GIF
  4. Decoded content appears instantly

Works even if the QR code is small, in a corner, or slightly off-angle.


Method 2: Paste From Clipboard (Fastest)

If the QR code is already visible on your screen — in a browser tab, a Slack message, a PDF — you don't even need to save a file:

  • Windows: Win + Shift + S → drag to capture the QR code region → it copies to clipboard
  • Mac: Cmd + Shift + 4 → drag to select region → saved to desktop or clipboard

Then on the scanner page, press Ctrl+V / Cmd+V to paste. No file save needed. This is the fastest path for QR codes that are already on your screen.


Method 3: Scan with Your Webcam

For physical QR codes — printed codes, product labels, business cards, event badges — use your laptop camera instead of reaching for your phone.

Steps:

  1. Click Use Camera on the QR Code Scanner page
  2. Allow camera permission when the browser prompts (one-time, per session)
  3. Hold the QR code in front of your webcam
  4. Decodes in real time — no button press

Works with printed codes, screens displaying QR codes, or any surface your webcam can focus on.


What Gets Decoded

The scanner doesn't just return raw text — it detects the content type and formats the result:

Content Type What You See
URL Clickable link + Open button
WiFi credentials Network name, password, security type (human-readable)
vCard contact Name, phone, email, organization
Email Recipient + pre-filled subject
Phone number Number with copy button
Plain text Text with copy button

The WiFi parsing matters the most. The raw QR string (WIFI:T:WPA;S:MyNet;P:pass123;;) is useless at a glance. The formatted version is instant.


Privacy: Everything Stays in Your Browser

The QR Code Scanner runs entirely client-side. Images you upload are processed locally using the BarcodeDetector API and canvas — they are never sent to a server. No QR content (URLs, passwords, contact data) leaves your device.


Developer Use Cases

Verifying generated QR codes — you just created a batch and want to confirm the encoded payload without a second device.

Testing encoded payloads — check that your vCard, WiFi, or deep link QR codes decode correctly before printing or distributing.

CI sanity check — screenshot a QR code from your staging environment, paste it into the scanner, confirm the URL is correct.

Debugging dynamic QR redirects — decode the static QR to confirm it points to the right redirect URL.


The free QR Code Scanner handles image upload, clipboard paste, and live camera — no signup, no watermark on results.

Top comments (0)