Tools Developer Tools QR Code Generator

QR Code Generator: Make Scannable Codes

Developer Tools Active

Turn a link or note into a QR code on screen, then save it as a PNG. You pick the image size and error correction level.

QR Code Generator

📱 QR Code Generator

Convert URLs, plain text, or contact links into scannable high-resolution QR codes.

📱 QR Generator
Dimensions
250 x 250 px
Character Length
19 chars
Status
Ready
QR Code Preview

Rate This Tool

Your feedback helps others discover great tools

–
out of 5
No ratings yet

Tap a star to rate:

About This Tool

Have you ever pointed your phone camera at a small square of dots and landed on a website? That square is a QR code. The QR Code Generator turns any URL or text into a scannable black and white image.

This tool is for anyone sharing a link, a note, or contact details in print. You type your content, pick a size, and the code updates as you type. Everything runs in your browser, so your text never leaves the page.

Table of Contents

  • What the Tool Does
  • How to Use It, Step by Step
  • How the QR Code Is Built
  • Worked Example
  • How to Read the Results
  • Error Correction and Size Tips
  • Common Mistakes and Limits
  • Limitations and Assumptions
  • FAQs About the QR Code Generator

What the Tool Does

The tool reads your text and draws a matching QR code on a canvas. Three inputs shape the output, and one button saves the image.

  • Live QR Code Preview: the black and white code, redrawn each time you edit a field.
  • Dimensions: the real pixel size of the finished image. It matches the size you picked in almost every case.
  • Character Length: how many characters your content holds right now.
  • Status: shows Ready in green when a code builds. It reads Too long in red when your content will not fit.
  • Download QR: saves the current code as a PNG file named qrcode.png.

How to Use It, Step by Step

  1. Type or paste your text into Content / URL to Encode. The sample is https://example.com.
  2. Open Image Size (px) and pick 180, 250, 350, or 500.
  3. Open Error Correction and pick L, M, Q, or H.
  4. Watch the Live QR Code Preview redraw as you change fields.
  5. Scan the code with your phone to confirm it opens the right link.
  6. Press Download QR to save the image as qrcode.png.

How the QR Code Is Built

A QR code is a grid of small squares called modules. The tool reads your text as UTF-8, then builds the smallest module grid that fits. More text or higher error correction means a larger grid.

The image size you pick sets how big each module is drawn. The tool adds a white border of 4 modules, called the quiet zone, so scanners can find the code.

Your Text→UTF-8 Encode→Module Grid×Cell Size=QR PNG
  • Module count (n) is set by your text length and error correction level.
  • Quiet zone is 4 modules of white border on every side.
  • Cell size = image size divided by (n plus 8), rounded down, at least 1 pixel.
  • Grid size = cell size times (n plus 8).
  • Canvas = your chosen size, or the grid size when the grid is larger.

Worked Example

Jerome wants a code for https://example.com. He leaves the size at 250 pixels and error correction at M.

ItemValue
Contenthttps://example.com
Character Length19 chars
Module grid25 x 25 modules
Cell size7 px
Grid size231 px
Final image250 x 250 px PNG

If Jerome switches error correction to H, the grid grows to 29 by 29 modules. Cells shrink to 6 pixels, so the grid is 222 pixels inside the same 250 pixel image.

At size 500 with level H, each cell is 13 pixels and the grid is 481 pixels. The result is a crisp 500 by 500 PNG.

How to Read the Results

Live QR Code Preview is the real code. Always scan it before you print or publish it.

Dimensions shows the real pixel size of the image. For very long content at a small size this can grow a little past the size you picked.

Character Length counts the characters in your content box. An empty box falls back to the sample link.

Status reads Ready in green when a code builds. It switches to Too long in red, and Dimensions shows N/A, when the content will not fit.

Download QR saves the PNG at the size shown in the preview.

Error Correction and Size Tips

Error correction adds backup data so a code still scans with smudges or a small mark on top. Level L recovers about 7 percent of the code, M about 15, Q about 25, and H about 30. Higher levels pack in more modules.

Use M for screens and clean prints. Use Q or H for labels, stickers, or posters that may get scuffed. Pick a larger size when the code will be viewed from far away.

To share a wireless network, the WiFi QR generator builds the special format for you. For contact details, the vCard QR generator packs a full address card into one code.

Common Mistakes and Limits

Very long content can push the code past its limit. Past about 2,950 characters at level L, the tool cannot build a code. It then clears the preview and shows a short Too long message, so keep your text brief.

Shorten long URLs before you encode them. A shorter link makes a simpler grid that scans faster and prints smaller. Test each finished code on more than one phone.

You can read a printed code back with the QR code scanner. To open a prefilled message instead, try the email QR generator. For retail labels, the barcode generator makes linear barcodes. More utilities live in the developer tools hub.

Limitations and Assumptions

  • There are no dedicated modes for email, phone, or contacts. You type the full format yourself.
  • A blank content box falls back to the sample link https://example.com.
  • Content longer than one QR code allows clears the preview and shows a Too long warning.
  • The status label shows only Ready or Too long. It has no other states.
  • A finished code cannot be edited after you print it. You generate a fresh one instead.

FAQs About the QR Code Generator

What Can I Put in a QR Code Here?

You can encode any URL or plain text string. That includes links, short notes, and codes you type by hand. The tool treats everything as text, so there are no built-in content types.

Can I Add a Logo or Change the Colors?

No. The tool makes a plain black code on a white background. It does not support logos, color changes, or custom frames of any kind.

Which Error Correction Level Should I Choose?

Level M works for most screens and clean prints. Choose Q or H for stickers, labels, or posters that may get dirty or scratched. Higher levels make the grid denser.

What Happens If I Press Download With No Code?

The tool guards against an empty download. It shows a short note asking you to enter content that fits first. Nothing broken is saved to your device.

Does the Tool Track How Many People Scan My Code?

No. The code is static and holds only the text you typed. There is no analytics, no dashboard, and no scan counter.

Is My Content Sent to a Server?

No. The code is drawn in your browser using a local script. Your text never leaves the page, so you can use it offline after it loads.

This calculator gives general estimates only and is not professional advice. Reviewed for general accuracy by Prof. Dr. Khalil Mudassar, PhD.

Category: Developer Tools

You May Also Like

View All