QR Code Generator Free Online — The Complete Guide

What Is a QR Code? History and Technical Overview

QR stands for Quick Response. QR codes were invented in 1994 by Masahiro Hara of Denso Wave, a Japanese Toyota subsidiary, to track automotive parts during manufacturing. Unlike traditional 1D barcodes that encode data only horizontally, QR codes encode data in two dimensions — a grid of black and white modules (squares) that can be read in any orientation.

The QR code specification is defined by ISO/IEC 18004. Denso Wave chose not to exercise its patent rights on the format, making it freely available for anyone to use — a decision that contributed enormously to the format's global adoption. QR codes went mainstream in consumer applications after 2011, when smartphones began including built-in QR scanners in camera apps. By 2020, contactless menus and payment systems during the COVID-19 pandemic accelerated adoption to ubiquity in many markets.

QR Code Structure

A QR code has several functional regions:

• Finder patterns — the three large squares in three corners (top-left, top-right, bottom-left). These allow the scanner to detect the QR code and determine its orientation. The fourth corner contains a smaller alignment pattern.
• Timing patterns — alternating black and white modules running between the finder patterns. These help the scanner determine the module grid size.
• Data region — the remaining modules encode the actual data, formatted using Reed-Solomon error correction.
• Quiet zone — a margin of white space around all four sides (minimum 4 modules wide) that separates the QR code from surrounding content.

What Can You Encode in a QR Code?

QR codes can encode any short text string. The content type determines what happens when the code is scanned — the scanner's software interprets the content and triggers the appropriate action:

QR Code Error Correction Levels

QR codes include Reed-Solomon error correction — the same technology used on CDs and DVDs to recover data from scratches. Error correction allows a QR code to be read even if part of it is damaged, obscured, or covered by a logo. There are four error correction levels:

Higher error correction levels produce more complex (denser) QR codes because the additional redundancy requires more modules. For a given content length, an H-level QR code will have more modules and smaller individual modules than an L-level code, making it harder to scan at small sizes. Use L or M for most applications; use Q or H only when you need logo overlays or expect significant physical damage.

QR Code Capacity — How Much Data Can You Encode?

The amount of data a QR code can hold depends on the version (1–40, where higher versions have more modules) and the error correction level. At version 40 with L-level correction, a QR code can hold:

• 7,089 numeric characters (digits only)
• 4,296 alphanumeric characters (letters, digits, some special chars)
• 2,953 bytes of binary data (8-bit encoding, any content)
• 1,817 Kanji characters

In practice, QR codes work best with shorter content. A version 40 QR code is extremely dense and may not scan reliably at small sizes or in poor lighting. For URLs, using a URL shortener to produce a shorter link reduces the QR code complexity and improves scan reliability — especially for print at small sizes.

How to Generate a QR Code

1. Open the tool. Navigate to the QR Code Generator. No account, no signup.
2. Enter your content. Type or paste any URL or text into the input field. The QR code preview updates instantly with every keystroke.
3. Customize colors if needed. Use the foreground (module color) and background color pickers to match your brand colors. Follow the contrast guidelines below to ensure reliable scanning.
4. Choose size if applicable. The PNG output is generated at a resolution suitable for most uses. For large-format printing, you can scale the PNG up — QR codes are pixel-perfect images that scale cleanly.
5. Download the PNG. Click Download PNG to save the QR code to your device. The file is generated locally — no server required.
6. Test before publishing. Always scan the downloaded QR code with at least two different devices and apps before using it in print or public-facing contexts.

QR Code Sizing Guidelines

Getting the size right is crucial — a QR code that is too small, or displayed at too low a resolution, will not scan reliably.

For printed materials

The minimum reliable printed size is 2 cm × 2 cm (approximately 0.8 inches square) at a standard scanning distance of 20–30 cm. This is the minimum for ideal conditions; in practice, larger is always better:

For digital screens

On digital displays (phone screens, monitors, TV screens, presentation slides), the QR code should occupy at least 200 × 200 pixels on screen at the display size where users will scan. For a presentation slide viewed from the back of a room, the QR code should fill at least one-quarter of the slide to be scannable from 8–10 meters.

A general rule for projection: the QR code should be at least 10% of the total screen height at the intended display size. A 1080p presentation projecting a 3-meter-wide image should show a QR code at least 30 cm × 30 cm.

Quiet zone (margin) requirement

Every QR code requires a quiet zone — a margin of white (or background-colored) space around all four sides equal to at least 4 modules (the small squares that make up the code). For a QR code with 3mm modules, the quiet zone should be at least 12mm on every side.

The tool generates codes with a built-in quiet zone. If you place the QR code in a design layout with a colored or patterned background, ensure the quiet zone is preserved — do not crop the QR code or place it flush against a dark edge.

Color Customization and Contrast Guidelines

QR codes are not limited to black on white. Custom colors can match brand guidelines, improve aesthetics, and make QR codes more visually appealing on marketing materials. However, color choices must follow specific rules to ensure reliable scanning:

Maintain sufficient contrast

The scanner needs to distinguish dark modules from light ones. Use a contrast ratio of at least 4:1 between foreground (modules) and background. Use the Color Picker to check contrast ratios between your chosen colors. Standard black on white has a contrast ratio of approximately 21:1.

Keep foreground darker than background

Most QR scanners expect the modules to be darker than the background (dark modules on light background). Inverting this — light modules on dark background — reduces reliability with some scanner apps. If you need an inverted color scheme, test extensively across multiple devices and apps.

Color combinations to avoid

• Dark blue on dark navy (insufficient contrast)
• Yellow modules on white background (insufficient contrast)
• Red on green or green on red (red-green colorblind users may not scan reliably)
• Very similar tones — even if technically sufficient contrast ratio, they may fail in poor lighting

Logo overlays

Adding a logo to the center of a QR code is common in marketing — it makes the QR code more recognizable and on-brand. This is possible because the error correction level allows recovery from obscured modules. Use level H (30% recovery) for logo overlays, and keep the logo below 30% of the total QR code area. Always test extensively after adding a logo — what looks fine on screen may fail to scan in some apps.

Testing Your QR Code Before Publishing

Always test a QR code before committing it to print or deploying it publicly. QR codes in printed materials are expensive to recall and replace. Testing takes minutes and prevents the embarrassment of a non-functional QR code on marketing materials.

Testing checklist:

• Test with at least two different devices — iOS and Android interpret QR codes differently. A code that scans perfectly on an iPhone may fail on some Android phones and vice versa.
• Test with multiple apps — try the built-in camera app on iOS/Android, Google Lens, and at least one dedicated QR scanner app.
• Test in realistic conditions — if it will be scanned in a dimly lit restaurant, test scanning in dim light. If it will be on a poster in sunlight, test in bright outdoor conditions.
• Test at the actual display size — print a test copy at the intended size and scan it from the intended scanning distance.
• Verify the destination — confirm the QR code navigates to the correct URL after scanning. Check that the URL works correctly on mobile browsers (responsive layout, no desktop-only features).

QR Code Best Practices by Use Case

Restaurant menus

Restaurant QR menus became ubiquitous during the COVID-19 pandemic and many restaurants have retained them. Key considerations: use a URL shortener so the QR code is less complex (fewer modules, more reliable scanning at table-card size); use a URL that redirects through a link management system so the menu URL can be updated without reprinting; place the QR code at eye level with adequate lighting; and include a brief label (e.g., "Scan for menu") so diners know what the QR code does.

Business cards

Business card QR codes typically encode a vCard (digital contact card) or link to a LinkedIn profile or personal website. Keep the encoded content short — a vCard with name, phone, email, and URL fits comfortably in a business card QR code. Avoid encoding long addresses or extensive vCard fields that significantly increase complexity. Position the QR code prominently on the back of the card with at least 1.5 cm × 1.5 cm of space.

Event marketing and posters

Posters with QR codes should link to a mobile-optimized landing page with clear event details, date/time, and a call to action (purchase tickets, register, add to calendar). Size the QR code for the expected scanning distance — a street poster scanned from 2 meters requires a much larger QR code than a flyer held in hand. Use a dynamic QR code with a link management layer if the event URL might change.

Product packaging

QR codes on product packaging typically link to product information pages, safety data sheets, or digital manuals. The EU Digital Product Passport regulation (coming into force between 2026–2030) will require QR codes or data matrix codes on many product categories to provide consumers with lifecycle and sustainability information. For physical packaging where the code will be embossed, printed on curved surfaces, or near fold lines, use H-level error correction.

Wi-Fi access

Wi-Fi QR codes use the WIFI format string: WIFI:T:WPA;S:NetworkName;P:Password;;. Guests scan the code and their device automatically offers to join the network — no typing the password. Hide the password in the QR code rather than on a sign: anyone in range can see the QR code on a sign and scan it, but the raw password remains hidden from casual viewing.

Payment QR codes

Payment QR codes encode a payment address (cryptocurrency, UPI, PayPal.me URL, or other payment platform URI). These need to be verified extremely carefully — a QR code with a wrong payment address sends money to the wrong recipient with no recovery. Generate payment QR codes with the exact payment address, verify by scanning before publishing, and never use low-quality prints that might degrade.

Static vs Dynamic QR Codes

There are two types of QR codes in common use:

Static QR codes (generated by this tool) encode the full destination URL directly in the QR code. They are permanent — the code will always resolve to the same content as long as the target URL remains live. They are free to generate and work without any ongoing service. The downside: if the target URL changes, the QR code must be reprinted.

Dynamic QR codes encode a short redirect URL managed by a QR code service. The QR code itself never changes, but the redirect destination can be updated without reprinting. Dynamic QR codes also typically include scanning analytics (how many scans, from which locations, at what times). They require a subscription to a QR code management service.

Use static QR codes for content that will not change (linking to a permanent product page, a vCard, Wi-Fi credentials). Use dynamic QR codes for marketing campaigns where the destination may be A/B tested, for seasonal promotions, or where scan analytics are needed.

QR Code Privacy Considerations

QR codes are public — anyone who scans a printed QR code can follow the link. This is usually intentional, but consider:

• QR codes that encode personal information (phone numbers, email addresses, home addresses in vCards) make that information available to anyone who scans them. Use with care in public settings.
• Third-party dynamic QR services track scanning behavior. Review their privacy policy before using them for sensitive campaigns.
• QR code phishing (quishing) is a real threat — malicious actors replace legitimate QR codes on public signage with codes linking to phishing sites. Always scan QR codes from trusted sources and verify the URL before entering credentials.

How the Browser QR Code Generator Works

The QR Code Generator uses theqrcode.js library — a pure JavaScript implementation of the QR code specification. The library runs entirely in your browser: it encodes your input text using the QR algorithm, applies Reed-Solomon error correction, and renders the result as an HTML canvas element. The PNG is exported from the canvas using the standard browser canvas-to-blob API.

At no point does your input text leave your device. The QR code is generated locally and the PNG is saved directly from browser memory to your downloads folder — no server upload occurs.

Frequently Asked Questions

Does the QR code expire?

No. Static QR codes generated by this tool do not expire — they encode your URL or text directly. As long as the URL you encoded remains live, the QR code will work indefinitely. There is no expiry date built into the QR standard.

Can I put a logo in the middle of the QR code?

The tool generates the QR code image — adding a logo in the center requires compositing the QR code and logo in a graphic design application (Photoshop, Figma, Canva). When adding a logo, keep the logo below 30% of the total QR code area and ensure the overall error correction level is High (H) so the code remains scannable with the logo covering the center modules.

Is my QR code input text sent to a server?

No. QR code generation runs entirely in your browser using JavaScript. Your input text is never transmitted to any server.

What file format should I download for printing?

Download as PNG for most printing needs. The tool generates a high-resolution PNG that can be scaled up for large-format printing. For professional print production requiring vector format, use a professional design application to convert the PNG to SVG or EPS (QR codes scale cleanly since they are pixel-perfect grids).

How do I make a QR code that connects to Wi-Fi?

Enter the following format in the QR code input field: WIFI:T:WPA;S:YourNetworkName;P:YourPassword;; — replace YourNetworkName and YourPassword with your actual network name and password. For WEP networks, useT:WEP instead of T:WPA. For open (no password) networks, use T:nopass and omit the P field.

What is the maximum URL length for a reliable QR code?

There is no hard maximum, but QR codes become harder to scan as the encoded content gets longer (more modules, smaller individual modules). For reliable scanning at small print sizes, keep URLs under 100 characters. Use a URL shortener for longer URLs.