QR Code Generator
Turn URLs, text, or Wi-Fi credentials into QR codes in one click. Customize colors, margin, and error correction, then download as PNG or SVG.
Style
Customize
H – High (30%)
Preview
Enter content to generate a QR code
How to use the QR Code Generator
- 1
Choose a tab: enter a URL for links, free text for any content, or Wi-Fi credentials for network sharing.
- 2
A live preview of your QR code appears instantly in the right panel.
- 3
Optionally customize the foreground/background color, margin, and error correction level.
- 4
Click 'Download PNG' for a high-resolution 1024px image, or 'Download SVG' for a scalable vector file.
Features
- ✓PNG & SVG download: SVG is ideal for print and scaling; PNG is convenient for web and digital use.
- ✓Wi-Fi QR codes: Enter SSID, password, and security type to create a scannable Wi-Fi connection QR code.
- ✓Error correction levels L/M/Q/H: Use the H level (30% correction) when overlaying logos or custom designs.
- ✓100% browser-based: No data is ever uploaded — all QR generation happens locally in your browser.
FAQ
Q. Should I download PNG or SVG?
A. Choose SVG for print materials, business cards, or posters where scaling is important. Choose PNG for websites, apps, or when a standard raster image file is required.
Q. Do Android and iPhone both support Wi-Fi QR codes?
A. Yes. Android 10+ and iOS 11+ can read Wi-Fi QR codes using their built-in camera apps, connecting to the network without manually entering a password.
Q. Which error correction level should I use?
A. M (15%) is suitable for most purposes. Use H (30%) when you plan to overlay a logo or decorative element on the QR code, as this provides extra data redundancy.
Q. Can I overlay a logo on the QR code?
A. The tool doesn't support image compositing directly, but you can download the SVG at error correction level H (30%), open it in Figma or Illustrator, overlay your logo, and export. Level H tolerates up to 30% data loss, giving enough margin for logo placement without breaking scan readability.
Q. What should I do if my QR code fails to scan?
A. Common causes include the code being too small, low contrast between foreground and background, or insufficient margin. Try increasing the margin to 4+, boosting color contrast, ensuring the printed size is at least 2cm × 2cm, and raising the error correction level to M or H.
Technical Deep Dive: QR Code Structure & Reed-Solomon Error Correction
QR Code (Quick Response Code) was developed by Denso Wave in 1994 and is standardized as ISO/IEC 18004. Data is encoded in one of four modes — Numeric, Alphanumeric, Byte, or Kanji — chosen to maximize data density. URLs and general text are encoded in Byte mode using a UTF-8 byte sequence, while pure numeric data benefits from the more compact Numeric mode, which encodes three digits in only 10 bits.
Reliability is provided by Reed-Solomon error correction, an algorithm that treats the original data as a polynomial over the finite field GF(2⁸) (a Galois field) and computes additional correction codewords. The four error correction levels — L (7%), M (15%), Q (25%), and H (30%) — specify the maximum percentage of the codeword data that can be damaged or obscured and still be fully recovered. When overlaying a logo on a QR code, choose level H to tolerate up to 30% data loss.
The three square finder patterns positioned in the top-left, top-right, and bottom-left corners (a quiet corner is left at bottom-right for timing reference) have a black-white-black width ratio of 1:1:3:1:1. Scanners detect this distinctive ratio at any angle of rotation, enabling the decoder to determine the code's orientation, skew, and scale before reading the data modules.
The version number (1–40) controls the matrix size: Version 1 uses a 21×21 module grid; Version 40 uses 177×177. Maximum data capacity at Version 40 with error correction Level L is 4,296 alphanumeric characters or 7,089 digits. The qrcode.react library used by this tool automatically selects the smallest version that fits the input data.
Security & Privacy Guarantee
This tool uses the qrcode.react library to render QR codes directly into SVG or Canvas DOM elements inside your browser. The entire QR generation process runs in the JavaScript runtime — no data is sent over the network. URLs, text content, and Wi-Fi credentials (SSID and password) you enter never leave your device.
Wi-Fi passwords embedded in QR codes are particularly sensitive. The architecture of this tool makes it technically impossible to transmit that information to a server. PNG and SVG files are generated from in-memory canvas data and downloaded directly — they do not pass through any server.
Generated QR code image data resides only in browser memory and is released when you close the tab. This service retains no record of what content was encoded or downloaded.
Examples, Pre-Print Checks, and Common Mistakes
Examples
- Add a URL QR code to store signage so visitors can open a page quickly.
- Share event Wi-Fi details or registration pages through a QR code.
- Use SVG output for documents or business cards that may be resized.
Cautions
- Test scanning on the actual smartphones and print size before publishing.
- Define the sharing scope clearly when embedding Wi-Fi passwords.
- Low contrast between foreground and background can reduce scan reliability.
Common Mistakes
- Printing the code too small for real-world scanning distance.
- Not checking whether shortened URLs expire or redirect somewhere unexpected.
- Prioritizing visual styling over scan accuracy.