DevForge LogoDevForgeDocs
Search
LandingWorkbench

Overview

Home

Guides

Markdown Reference

GFM syntax guide

Studio

DevForge Studio

studio

Data Tools

JSON Formatter

json-formatter

Base64 Ultimate Studio

base64-ultimate-studio

JWT Decoder

jwt-decoder

String Case Converter

string-case-converter

YAML ↔ JSON

yaml-json-converter

DB Schema Visualizer

db-schema-visualizer

API Client Studio

api-client

SHA-256 Hash Generator

sha256-generator

SVG Optimizer

svg-optimizer

Writing Tools

Markdown Editor

markdown-editor

ASCII Art Generator

text-to-ascii-art

Doc Builder

doc-builder

Pattern Tools

Regex Tester

regex-tester

Diff Viewer

diff-viewer

Generators

Code Generator

code-generator

UUID Generator

uuid-generator

Color Palette Studio

color-palette

Cron Generator

cron-generator

Dockerfile Generator

dockerfile-generator

K8s YAML Builder

k8s-yaml-builder

AI Tools

AI Explainer

code-explainer

AI UI Generator

ai-ui-generator

Documentationcode generator

Tool reference

Code Generator

beta

Generate QR codes and barcodes from any URL, text string, or numeric value. Switch between modes, tune size and error correction, embed the DevForge logo into QR codes, and export as PNG or SVG.

Open toolBack to docs

Quickstart

Use this when you want the shortest path from input to a useful result.

1

Select QR Code or Barcode mode from the tabs at the top.

2

Enter a URL or value in the Content / Value field.

3

Tune size, error correction, or barcode format as needed.

4

Download as PNG or SVG from the floating action bar below the preview.

Best for

Common situations where this tool fits naturally into the workflow.

  • Generate a QR code for a project URL, deployment link, or API endpoint to embed in docs or printed assets.
  • Produce retail barcodes (EAN-13, UPC-A) for product prototypes or label testing.
  • Create CODE128 barcodes for internal asset tracking and inventory labels.

Common tasks

Concrete ways this tool is typically used in day-to-day workflows.

Generate a QR code for a URL

Switch to QR Code mode, paste your URL into the Content field. The code regenerates live. Download PNG for print or SVG for vector assets.

Embed the DevForge logo

Toggle Embed DF Logo on. The tool forces Error Correction Level H automatically so the code remains scannable with the logo overlay.

Generate an EAN-13 barcode

Switch to Barcode mode, choose EAN-13 from the Format selector, and enter a 12 or 13-digit numeric value. Validation highlights incorrect input immediately.

Adjust barcode dimensions

Use the Bar Width (1–4x) and Height (20–200px) sliders to match label specifications before downloading.

Examples

Real inputs and outputs that show how the tool behaves.

QR code for a deployment URL

Enter a URL and the tool generates a scannable QR code instantly.

Content

https://devforge.io/workbench

Result

512×512 QR code, ECL M, ready to download as PNG or SVG.

EAN-13 barcode for a retail product

Switch to Barcode, pick EAN-13, and enter a 13-digit number.

Value

5901234123457

Result

EAN-13 barcode with check digit, 2x bar width, 80px height.

Features

What this tool includes and what each capability is for.

QR Code Mode

Generate QR codes from any URL or text with configurable size (128–2048px), error correction level, and optional DevForge logo overlay.

Barcode Mode

Supports CODE128, EAN-13, EAN-8, UPC-A, CODE39, and ITF-14. Inline validation catches format mismatches before generation.

PNG + SVG Export

Download as raster PNG for web and documents, or vector SVG for print and design tools.

Clipboard Copy

Copy the generated image directly to clipboard for instant paste into design tools, tickets, or emails.

Workflow

Follow this path to get from input to output quickly.

1

Select QR Code or Barcode from the mode tabs.

2

Enter a URL, text, or numeric value in the input field.

3

Adjust size, error correction level, bar width, or height as needed.

4

Toggle the logo or display text options if required.

5

Use the floating download bar to export as PNG or SVG, or copy directly to clipboard.

Caveats and tips

Things to keep in mind before relying on the output in a larger workflow.

Caveats

  • QR codes encoding very long strings at small sizes may be difficult to scan. Keep content concise or increase size.
  • Logo embedding reduces scannable data area — always use ECL H (enforced automatically when the logo toggle is on).
  • EAN-13 and UPC-A have fixed check digits. If your value fails validation, verify the digit count matches the format requirement.
  • ITF-14 requires an even number of digits. Pad with a leading zero if needed.

Tips

  • Use ECL H for any QR code that will be printed on textured or curved surfaces.
  • CODE128 is the most versatile barcode format — use it when no specific retail standard is required.
  • SVG exports are resolution-independent and scale cleanly for print. Prefer SVG for large-format labels.
  • Use the Copy button to paste the PNG directly into design tools like Figma without saving a file first.

On this page

QuickstartBest forCommon tasksExamplesFeaturesWorkflowCaveats and tips

Related pages

UUID GeneratorOpenColor Palette StudioOpenCron GeneratorOpenDockerfile GeneratorOpen