Generate & Scan QR Codes

Create custom QR codes and scan existing ones instantly in your browser.

Generate high-quality QR codes for URLs, text, contact info, and more with full control over size, error correction, and colors. Scan any QR code image by uploading it directly; no app or camera required. Everything runs client-side for maximum privacy.

Your data stays in your browser
Was this tool useful?
Tutorial

How to Use the QR Code Generator & Scanner

1
1

Enter Your Content

Type or paste any text, URL, phone number, or vCard data into the input field. The QR code updates in real time as you type.

2
2

Customize Appearance

Choose the output size in pixels, pick foreground and background colors, and select the error correction level that suits your use case.

3
3

Download Your QR Code

Click 'Download PNG' for a raster image or 'Download SVG' for a fully scalable vector file ready for print or digital use.

4
4

Scan an Existing QR Code

Switch to the Scan tab, upload any image file containing a QR code, and the decoded text or URL will appear instantly below the image.

Guide

Complete Guide to QR Codes

What Is a QR Code?

A QR (Quick Response) code is a two-dimensional matrix barcode invented by Denso Wave in 1994. Unlike traditional barcodes that store data in one dimension, QR codes store data both horizontally and vertically, allowing them to hold significantly more information in a compact square shape. They can encode up to 3,000 bytes of binary data or 7,089 numeric characters. QR codes are used globally for payments, product tracking, advertising, and contactless information sharing.

Error Correction Levels Explained

QR codes use Reed-Solomon error correction to remain readable even when parts of the code are damaged, dirty, or obscured. There are four levels: L (Low, recovers 7% of data), M (Medium, 15%), Q (Quartile, 25%), and H (High, 30%). Higher correction levels add redundancy, which increases the physical size of the QR code for the same data payload. Use level H when embedding a logo in the center of a QR code or when the code will be printed on surfaces subject to wear.

Best Practices for Printing and Displaying QR Codes

Always test a printed QR code before mass production. Ensure a minimum quiet zone (white border) of four module widths around the code so scanners can locate the finder patterns. Maintain a contrast ratio of at least 4:1 between the foreground and background colors. For outdoor use, laminate printed codes to protect them from moisture and UV damage. Minimum recommended print size is 2 cm × 2 cm for standard viewing distances; increase size proportionally for codes placed more than 1 metre away from the user.

Examples

Worked Examples

Encoding a Wi-Fi Password

Goal: share Wi-Fi credentials so guests connect by scanning a QR code.

1

Step 1: Format the string as WIFI:T:WPA;S:YourSSID;P:YourPassword;; with your network details.

2

Step 2: Paste the string into the generator and set error correction to M.

3

Step 3: Download the QR code and print or display it for guests.

Result: Guests scan the code and their device connects automatically without typing the password.

Creating a vCard Contact Code

Goal: let people save your contact details instantly by scanning a QR code.

1

Step 1: Structure your data as BEGIN:VCARD\nVERSION:3.0\nFN:Jane Doe\nORG:Acme Corp\nTEL:+15550001234\nEMAIL:jane@acme.com\nEND:VCARD.

2

Step 2: Paste it into the tool and choose error correction level Q or H for durability.

3

Step 3: Download the SVG for crisp printing at any size on business cards.

Result: A scannable vCard QR code that saves your full contact details to the recipient's phone.

Deep-Linking to a Mobile App

Goal: encode a universal link so scanning opens the correct app on iOS and Android.

1

Step 1: Enter your app store URL or universal link into the text field.

2

Step 2: Generate the QR code with default settings.

3

Step 3: Download and embed the code in marketing materials or packaging.

Result: A stable QR code that directs users to the correct app store page on any platform.

Use Cases

Common Use Cases

Business Card QR Code

Encode your vCard data into a QR code and print it on your business card so contacts can save your details with one scan.

Restaurant Menu Link

Generate a QR code pointing to your online menu URL and display it on tables; guests scan it to browse the menu on their phones.

Event Check-In

Create unique QR codes per attendee with ticket IDs encoded inside; staff scan codes at the entrance for fast, paperless check-in.

Wi-Fi Network Sharing

Encode a WIFI: protocol string so guests can join your network by scanning instead of typing a long password.

Frequently Asked Questions

?Is this QR code generator free?

Yes; the tool is completely free to use with no registration, no watermarks, and no limits on how many codes you generate.

?Is my data private? Does it get sent to a server?

All generation and scanning happens entirely in your browser using client-side JavaScript. No data is ever uploaded to our servers, so your content stays private.

?What is error correction and which level should I choose?

Error correction allows a QR code to be read even when part of it is damaged or obscured. Level L (7%) is fine for clean digital displays; use level H (30%) when you plan to print the code on materials that may get dirty or worn.

?What file formats can I download?

You can download the QR code as a PNG (best for web and email) or as an SVG (best for print and large-format use because it scales without losing quality).

?What types of content can be encoded?

You can encode plain text, URLs, email addresses, phone numbers, SMS messages, vCard contact details, Wi-Fi credentials, and calendar events, among others.

?How do I scan a QR code with this tool?

Click the Scan tab, then upload an image file (PNG, JPG, WebP, etc.) that contains a QR code. The tool will decode it and display the result immediately.

?Can I change the colors of my QR code?

Yes; you can set any foreground and background color using the color pickers. Make sure there is sufficient contrast between the two colors so scanners can read the code reliably.

?What is the maximum size I can generate?

You can specify the size in pixels. For most uses 300–500 px is plenty; for large print formats choose a higher value or download the SVG, which scales infinitely.

Help us improve

How do you like this tool?

Every tool on Kitmul is built from real user requests. Your rating and suggestions help us fix bugs, add missing features and build the tools you actually need.

Rate this tool

Tap a star to tell us how useful this tool was for you.

Suggest an improvement or report a bug

Missing a feature? Found a bug? Have an idea? Tell us and we'll look into it.

Related Tools

Recommended Reading

Recommended Books on Digital Marketing & Mobile Technology

As an Amazon Associate we earn from qualifying purchases.

Boost Your Capabilities

Professional QR Code & Scanning Tools

As an Amazon Associate we earn from qualifying purchases.

Newsletter

Get Free Productivity Tips & New Tools First

Join makers and developers who care about privacy. Every issue: new tool drops, productivity hacks, and insider updates — no spam, ever.

Priority access to new tools
Unsubscribe anytime, no questions asked