Skip to tool
Data & formats

QR & Barcode Studio

Generate and inspect QR codes and Code 128 barcodes locally.

Input0 characters
Result0 characters
Ready

Prefer a native workflow?

Keep QR & Barcode Studio one shortcut away.

DevSexy for Mac puts the same private workflow in a focused desktop app, with global shortcuts and no browser tab to manage.

Global shortcutOffline-readyLocal processing
Try the Mac app free

This browser tool remains free.

Choose the symbol for the payload and the physical workflow

QR Code & Code 128 Generator Online — Create and Scan Locally

QR and Code 128 are not visual variants of the same barcode. One is a two-dimensional matrix built for flexible payloads; the other is a linear symbol built for fast operational scanning.

QR code

2D matrix · URLs, Wi-Fi, contact data, text

Code 128

1D bars · inventory, shipping, internal identifiers

QR branch

Payload anatomy

Payload → byte encoding → data modules → error correction → mask → finder and timing patterns

Labout 7%More payload, clean display
Mabout 15%Balanced general use
Qabout 25%Rougher print or surfaces
Habout 30%More recovery, lower capacity

Keep a four-module quiet zone and strong contrast

Do not crop the light border, round away module edges, or place a busy image behind the symbol. Higher correction does not repair poor geometry.

Decode before opening

  1. 1Scan the complete image
  2. 2Inspect the decoded payload
  3. 3Check domain and scheme
  4. 4Open only when expected

Code 128 branch

Symbol anatomy

Start code||||||||
Encoded data||||||||
Modulo-103 checksum||||||||
Stop pattern||||||||

Module width sets physical reliability

0.19 mm0.33–0.66 mm1.32 mm

Pixel dimensions are not print dimensions. Choose the final width for printer DPI, viewing distance, scanner optics, and substrate, then preserve the quiet zones.

Human-readable text is a label, not encoded bars

Keep it outside the symbol and never let text, borders, or clipping touch the bars.

Shipping labels
Inventory locations
Order fulfillment
Asset tracking

A generated symbol is unfinished until it survives a round-trip scan

  1. 01

    Generate with final data

  2. 02

    Render at final physical size

  3. 03

    Scan with multiple devices

  4. 04

    Compare the decoded payload

  5. 05

    Approve the production asset

QR and Code 128 questions

Does higher QR error correction always scan better?
No. It adds recovery modules and increases density. Poor contrast, a missing quiet zone, or modules that are too small can still make the code fail.
Does Code 128 include a checksum?
Yes. The encoded symbol includes a modulo-103 check character. Human-readable text below it is separate presentation.
Why test at final print size?
A large on-screen preview can hide narrow modules, ink spread, scaling interpolation, low contrast, and quiet-zone loss that affect the real label.

Run a reproducible example

Generate two different symbol types and inspect their SVG output using known public payloads.

Using an example replaces the current input, reference input, operation, and options. Public demonstration data only.

Encode a URL as a QR symbol

QR, M error correction, 256px dimension, with the generator quiet zone.

Input

https://example.test/items/17

The SVG contains the supplied text payload; generating it does not open or validate the destination.

<svg
width="256"

Encode a product code as Code 128

Choose Code 128 for the ASCII product identifier DEMO-0017.

Input

DEMO-0017

The SVG has barcode paths; verify a real printed label with the target scanner before use.

<svg
<path

Continue with a related task

URL Inspector & Query Editor

Separate, edit, encode, and rebuild every URL component.

SVG Optimizer

Reduce SVG markup with transparent optimization decisions.

Text Escapes & Unicode Inspector

Inspect code points, normalization, graphemes, and language escape sequences.

Repeat the task in DevSexy for Mac

Use the native app for repeated offline work and direct Option shortcuts.

Direct answer

What is QR & Barcode Studio?

Create QR codes and Code 128 barcodes online, tune density and print sizing, then scan the rendered result locally in your browser before use.

What can it do?

  • Generate
  • Read image

How to use QR & Barcode Studio

  1. 01

    Prepare the input

    Choose a payload and the QR or Code 128 symbology it needs.

  2. 02

    Choose the operation

    Generate the symbol at an appropriate size, preserving its quiet zone.

  3. 03

    Review the evidence

    Scan the exported image and a real print; SVG generation alone does not prove readability.