QR & Barcode Studio
Generate, export, and locally scan QR codes and common barcodes.
Rendering and decoding happen in this browser. Payloads, images, and scan results are not uploaded or saved.
Medium error correction and a four-module quiet zone are always applied.
QR preview
Waiting for content
No QR code generated
The preview appears only after local validation and an explicit generate action.
Working notes
Use QR & Barcode Studio with the boundary visible.
QR & Barcode Studio generates exportable QR codes and scans supported QR or barcode formats from a camera or selected image without uploading frames.
What is QR & Barcode Studio?
A QR code (Quick Response code) is a two-dimensional barcode that stores data in a grid of black and white squares. QR codes can encode URLs, plain text, Wi-Fi credentials, contact cards (vCard), calendar events, and other structured data. They were invented by Denso Wave in 1994 for tracking automotive parts and have since become ubiquitous — from restaurant menus and boarding passes to authentication flows and payment systems. QR codes use Reed-Solomon error correction, meaning they remain scannable even when partially obscured or damaged (up to 30% at the highest error correction level). A QR generator takes text input and produces a downloadable image, while a scanner reads a QR or barcode from a camera feed or image file and extracts the encoded data. This tool does both locally: generation creates the image client-side using canvas rendering, and scanning uses the browser's native Barcode Detection API (or a WASM-based fallback) without sending camera frames to any server.
When to use it
- Sharing URLs at events — generate a QR code for a project page, documentation link, or feedback form to display on slides or posters.
- Wi-Fi onboarding — encode Wi-Fi credentials (SSID, password, encryption type) in a QR code for quick device setup.
- Two-factor authentication — scan QR codes from authenticator setup pages to verify the encoded TOTP secret before adding it to your authenticator app.
- Print materials — generate QR codes for business cards, flyers, or product packaging that link to digital resources.
- Inventory and logistics — scan barcodes (EAN-13, Code 128, Code 39) from shipping labels, product packaging, or warehouse tags.
How to use it
- 01Choose Generate to create a QR code, or Scan to read one.
- 02For generation: enter the text, URL, or Wi-Fi payload. The QR code renders immediately.
- 03Download the QR image as PNG for use in documents, presentations, or print.
- 04For scanning: use your camera or select an image file containing a QR code or barcode.
- 05Review the decoded text. URLs and Wi-Fi payloads are shown as text — you choose whether to follow the link or connect.
Common mistakes
- URLs that are too long — QR codes have a maximum capacity (about 4,296 alphanumeric characters). Very long URLs with tracking parameters may not fit. Use a URL shortener if needed.
- Low contrast or small size — QR codes need sufficient contrast between dark and light modules and enough physical size for cameras to detect them. Test at the intended viewing distance.
- Trusting scanned URLs blindly — a QR code can encode any URL, including phishing sites. Always verify the domain before visiting a scanned link.
- Forgetting error correction level — higher error correction (H) allows more damage tolerance but produces denser codes. Use medium (M) for digital display and high (H) for print that may be partially covered.
- Embedding QR codes inside other QR codes — some designs place a logo in the center of a QR code. This only works if the error correction level is high enough to compensate for the obscured modules.
Synthetic example
Generate a documentation link
Input
https://docs.example.test/runbook
Result
QR image containing the exact HTTPS URL.
Related standards
Limits and data boundary
- Camera support and barcode formats vary by browser; image input remains the fallback.
- Decoded URLs and Wi-Fi payloads are text until you explicitly choose a follow-up action.
Frequently asked questions
- Can I scan QR codes from an image file?
- Yes. If your device has no camera or you prefer not to use it, select an image file containing the QR code or barcode and the tool decodes it locally.
- What barcode formats are supported?
- QR codes, Data Matrix, EAN-13, EAN-8, Code 128, Code 39, and other common formats supported by your browser's barcode detection API.
- Is the generated QR image downloadable?
- Yes. After generating a QR code, download it as a PNG image for use in documentation, presentations, or print materials.
- Can I customize the QR code colors?
- The tool generates standard black-on-white QR codes for maximum compatibility. Custom colors may reduce scannability if the contrast is too low.