Skip to main content
Converters

QR Code Generator

Create local PNG QR codes for websites, text, email, phone, Wi-Fi, or vCard payloads with size, margin, error correction, colors, and an optional center logo. Essential for developers, marketers, and event organizers generating scannable codes for links, contact sharing, and network configuration.

QR tools

In brief

The generator constructs explicit payload strings, encodes ISO QR symbols with L/M/Q/H correction, optionally overlays a 20% logo, and downloads a local PNG.

What this tool supports

  • Builds payloads for website/text, mailto with encoded subject/body, tel, WIFI with encryption/SSID/password, and vCard 3.0 with name/organization/phone/email.
  • Generates 256, 320, 512, or 1024 pixel PNG data URLs with 0–20 module margin, L/M/Q/H error correction, and selectable foreground/background colors.
  • Can rasterize an uploaded image as a centered logo occupying 20% of the QR width with a four-pixel background-colored pad.
  • Validates basic URL/email/phone/vCard/Wi-Fi fields, previews the symbol, and downloads qr-code.png without sending payloads to a server.

How to use QR Code Generator

Follow this implementation-specific workflow for Custom QR Code PNG Generator; each step reflects the controls and limits in the current browser workspace.

  1. 1

    Step 1

    Provide the exact source

    Choose Website, Text, Email, Phone, Wi-Fi, or vCard and fill the fields that define the exact payload.

  2. 2

    Step 2

    Choose the operation

    Review the constructed semantics: include a URL scheme, choose the correct Wi-Fi encryption, and avoid delimiter characters that this builder does not escape.

  3. 3

    Step 3

    Configure the available options

    Set pixel size, margin, error-correction level, foreground/background contrast, and optionally a small center logo.

  4. 4

    Step 4

    Run the local operation

    Generate the PNG locally and scan the preview with at least two representative target devices or apps.

  5. 5

    Step 5

    Verify and continue

    Download qr-code.png only after the decoded round trip exactly matches the intended payload and remains readable at final print/display size.

Common mistakes

Using a bare domain and expecting every scanner to open it as a website

Consequence: The website builder returns the field unchanged; without https:// some scanners classify it as plain text.

Fix: Include the full trusted https:// URL and validate it before generation.

Adding a large logo or low-contrast colors without rescanning

Consequence: The fixed 20% overlay covers modules, and color choices are not contrast-validated; even high correction cannot guarantee every reader succeeds.

Fix: Prefer H correction for a logo, preserve a light background/dark foreground, and round-trip test at final size.

Putting semicolons, colons, backslashes, or newlines in Wi-Fi/vCard fields

Consequence: The current payload builder interpolates values without escaping the format delimiters, so receiving scanners can split fields incorrectly.

Fix: Avoid delimiter characters or construct an escaped standards-compliant payload with a dedicated tool before encoding it as Text.

Best practices

  • Always decode the generated PNG and compare the exact payload before publishing or printing it.
  • Keep a visible quiet-zone margin and strong luminance contrast; do not rely on color appearance alone.
  • Treat Wi-Fi passwords and contact data as visible encoded text—anyone with the symbol can recover them.

Connected workflows

Browser limitations

  • Maximum encodable content depends on mode, byte length, version, correction level, and library behavior; there is no preflight capacity meter.
  • The Wi-Fi and vCard builders do not escape delimiter characters, hidden-network flags, multiple fields, or full vCard folding/encoding rules.
  • Logo files have no explicit size/dimension guard, Canvas consumes memory, and QR readability is not automatically tested after overlay or color changes.

Authoritative resources

ISO/IEC 18004:2024 QR code symbology specificationPublisher: ISO / IEC · Reviewed: 2026-07-26

Concrete examples

Input
Website: https://example.com; size 320 px; margin 4; correction M; dark #111827; light #ffffff; no logo
Result
A standards-based QR symbol is previewed and available as a PNG data URL/download.

The website payload is used unchanged and passed to the qrcode library with width 320, margin 4, level M, and the selected colors.

Frequently asked questions

What data is actually placed in a Wi-Fi QR code?

The builder emits WIFI:T:<encryption>;S:<ssid>;P:<password>;; in plain recoverable text; it does not encrypt the credentials.

Which error-correction level should I use with a logo?

H offers the most recovery, but the fixed 20% overlay and print conditions still require real-device scanning tests.

Does the tool shorten or track website URLs?

No. It encodes exactly the entered website string and makes no network request, redirect, or analytics link.

Can I export SVG or PDF?

No. The current generator outputs a raster PNG data URL and downloads qr-code.png; use an image/PDF workflow afterward if appropriate.

Why can valid text be too long to generate?

QR capacity changes with UTF-8 byte count, encoding mode, symbol version, and correction level; the library throws when it cannot fit the payload.

Privacy and offline behavior

Payload fields, Wi-Fi passwords, uploaded logo bytes, and PNG data URLs stay in browser memory and are not uploaded. Generation works offline after bundled assets are cached, but the downloaded symbol visibly contains whatever data you encoded.