Skip to content
Media

QR Generator

Generate downloadable QR codes for any text or URL.

qrcodebarcodeurl
Loading tool…

Recommended tools

Affiliate links — we may earn a commission if you sign up.

About the QR Generator

The QR Generator renders a scannable QR code from any text or URL and exports it as a downloadable PNG, all in the browser. Type or paste your content into the Text or URL field, and the code re-renders live as you type. A Size slider ranges from 128 to 1024 pixels in 16-pixel steps, giving you a small code for a screen or a large one for print. The Error correction select offers four levels — L at 7% recovery, M at 15%, Q at 25%, and H at 30% — so you can tune how much damage the code survives during scanning versus how densely it packs data. Foreground and Background color pickers let you match a brand palette, and each swatch also accepts a typed hex value. The generated image draws with the standard quiet-zone margin around the modules, and it appears in a bordered preview card that grows to fit the chosen size up to a preview ceiling. Download PNG exports the canvas as a PNG file named qr-code.png, and a Scan Tip button reminds you that lighter backgrounds scan best, while a small helper note appears when the field is empty.

Hand-written guide

Examples

Input
Text or URL "https://fernandeslabs.com" · Size 320 · Error correction M · Foreground #0f172a · Background #ffffff
Output
PNG preview 320px wide downloading as qr-code.png · encodes https://fernandeslabs.com in version 2 (25×25 modules) with a 2-module quiet zone and 15% error correction
Note: The default settings render as a 320px QR at medium resilience. The moderately long URL fits comfortably in a low version at 15% recovery, and the dark-on-light pairing keeps the code scannable by standard cameras.
Input
Text "WIFI:T:WPA;S:FernandesHome;P:cor3ct-horse;H:false;;" · Size 512 · Error correction H · Foreground #000000 · Background #ffffff
Output
PNG preview 512px downloading as qr-code.png · encodes the Wi-Fi configuration string at 30% error correction
Note: Wi-Fi login strings are longer and deserve the highest recovery level so scratched or creased stickers still scan. The 512px size keeps every module crisp for a laminated card, while the pure black-on-white contrast maximizes contrast for the H level.
Input
Text or URL "https://flb.io/events/summer" · Size 1024 · Error correction L · Foreground #0f172a · Background #f8fafc
Output
PNG preview 1024px downloading as qr-code.png · encodes the shortened URL at 7% error correction
Note: Low error correction packs more data into fewer modules, so a short URL renders as a dense, small-version code. At 1024px it prints clean and legible from distance, and the near-white background still satisfies the dark-on-light scanning requirement.

How to use

  1. 1

    Enter the URL or any text into the Text or URL field; the preview updates live on every keystroke.

  2. 2

    Drag the Size slider to your target dimension — the hint shows the exact pixel value, from 128 up to 1024.

  3. 3

    Pick an Error correction level from L (7%), M (15%), Q (25%), or H (30%) based on how the code will be used.

  4. 4

    Set the Foreground and Background colors with the swatch pickers or by typing hex values into their fields.

  5. 5

    Click Download PNG to save the canvas, and use Scan Tip for a reminder that lighter backgrounds scan best.

Common use cases

  • Marketing print — a poster-safe 1024px QR at low correction links billboards, flyers, and packaging back to a campaign landing page.
  • Event badges and lanyards — high error-correction codes survive lanyard folds and badge scuffs while carrying the attendee landing URL.
  • Product labels — small, dark-on-light codes on packaging give shoppers a direct route to instructions or ingredient pages.
  • Wi-Fi access cards — a WIFI: string encodes the network name and password so guests scan instead of typing credentials.
  • Table menus — a middle-size QR at M level on near-white background sends diners to the digital menu without printing a long URL.
  • Inventory and tracking — batch codes embed serialized identifiers that warehouse scanners read reliably at normal distances.

Best practices

  • Keep foreground dark and background light; scanners lock onto contrast, and light-on-dark codes fail with cheaper readers.
  • Choose high error correction for anything printed, laminated, or handled, since scratches and wrinkles recovery the H level recovers.
  • Preserve the quiet zone around the code in your layout; the generator adds a 2-module margin and design cropping removes it, browsers read it anyway.
  • Test the code with a camera at the real range and lighting before printing a whole run; a preview on screen is not proof of scannability.
  • Point codes at stable, short URLs rather than deep links that might be reorganized, and regenerate if a target URL ever changes.
  • Export at the largest size you will need; upscaling a small PNG later only blurs the modules instead of sharpening them.

Tips

  • Generate a quick code for your Wi-Fi network and laminate it; guests scan once and connect without explaining the password.
  • Use high correction for anything on fabric or curved surfaces, where scanning angles and wrinkles eat into the recoverable damage budget.
  • Re-scan the output PNG after changing colors to confirm the download still reads before you commit to the design.
  • Regenerate codes when a URL changes rather than keep stale ones; a QR cannot be edited after printing, only regenerated and reprinted.

Frequently asked questions

Use M by default, H for printed or damage-prone surfaces like badges and labels, and Q for balance between density and resilience. L packs the most data but survives the least damage. The select labels each level with its recovery percentage so you can match the physical risk of the medium.

Explore more media tools

Browse the full collection of media tools on the hub, or jump back to all categories.

Related tools