QR Code Generator
Generate QR codes from text or URLs. Download as PNG.
This tool generates QR codes entirely in your browser using the qrcode.js library. Your text and URLs never leave your device — no data is sent to any server.
How QR Codes Work
QR codes encode data in a matrix of black and white squares. The pattern includes finder patterns (large squares at three corners), alignment patterns, timing patterns, and the data payload. Error correction using Reed-Solomon codes allows the QR code to be read even when partially obscured. The version (size) of the code scales with the amount of data and the chosen error correction level.
How the QR Code Generator Works (Technical Details)▾
The Rapidix QR Code Generator uses the open-source qrcode.js library to create QR codes entirely within your web browser. When you enter text or a URL, the library encodes the data according to the ISO/IEC 18004 standard, applying the selected error correction level (L, M, Q, or H) to generate a matrix of dark and light modules.
The generated QR code is rendered onto an HTML5 Canvas element, which allows for high-quality output at any resolution. You can customize the output size (128px to 512px), foreground and background colors, and error correction level. The Canvas API enables direct PNG export and clipboard copying without any server-side processing.
Error correction levels determine how much of the QR code can be damaged while remaining readable: L (7%), M (15%), Q (25%), H (30%). Higher correction levels make the QR code more robust but also denser, which can affect scanning reliability at very small sizes.
Step-by-Step Usage Guide▾
1. Enter the text or URL you want to encode in the input field.
2. The QR code is generated automatically in real-time.
3. Adjust the size using the slider (128px to 512px) for your needs.
4. Select an error correction level: L (Low) for simple URLs, H (High) for printed materials.
5. Customize foreground and background colors if needed.
6. Click "Download PNG" to save the QR code as an image file.
7. Click "Copy" to copy the QR code image to your clipboard.
Tip: For URLs, always include the full protocol (https://) to ensure QR scanners open the link correctly. Higher error correction levels are recommended for print materials where the code might get partially damaged.
QR Code Best Practices▾
Size matters: Ensure your QR code is large enough for reliable scanning. For print, a minimum of 2cm × 2cm is recommended. For screens, at least 200px × 200px.
Contrast is critical: QR codes require high contrast between foreground and background. Dark modules on a light background work best. Avoid low-contrast color combinations.
Test before deploying: Always scan your generated QR code with multiple devices and apps to verify it works correctly before printing or publishing.
Keep content concise: Shorter URLs and text produce simpler QR codes that are easier to scan. Use URL shorteners for very long URLs.
Error correction for print: Use Level Q or H for printed materials that might get scratched, folded, or partially covered. Level L is sufficient for clean digital displays.
Related Articles
Related Tools
Frequently Asked Questions
What is a QR code?▾
A QR (Quick Response) code is a two-dimensional barcode that stores data such as URLs, text, or contact information. It can be scanned by smartphone cameras.
What does error correction level mean?▾
Error correction allows a QR code to remain readable even if partially damaged. Level L recovers ~7%, M ~15%, Q ~25%, and H ~30% of data.
Can I customize the QR code colors?▾
Yes. Use the color pickers to set foreground and background colors. Ensure sufficient contrast for reliable scanning.