Fine-tune the error correction level, size, margin, and color to generate and download QR codes as PNG or SVG
Here is a summary of what each item in the settings panel means and how to choose it. Click to expand.
The string embedded in the QR code. You can enter a URL, email address, phone number, or any free text. The longer the content, the larger the version (grid) becomes automatically.
A rough guide to how much of a damaged code can still be recovered (L≈7%, M≈15%, Q≈25%, H≈30%). A higher level is more resistant to damage but adds redundant data and makes the grid more complex. We recommend H when overlaying a logo in the center. For details on how it works, see the error correction explainer article.
The pixel length of one side of the output PNG image (128-1024). Larger is a good guide for printing, smaller for on-screen display. SVG scales infinitely, so it is not affected by this value.
Specifies the width of the white border around the code (the quiet zone) in module units. The standard recommends 4 or more. A narrow margin increases the chance of read failures.
The number of cells in the grid (1=21×21 to 40=177×177). "Auto" is usually sufficient. If you specify it manually and the content does not fit, an error occurs. Increasing it makes the grid denser for the same content.
The colors of the dark and light modules. Sufficient contrast is required for reading. Be careful: an inverted color scheme with a dark background and light foreground is a common cause of read failures.
Outputs the PNG/SVG with a transparent background. This is handy when you want to overlay the code on any backing, but depending on the backing color it may become unreadable due to insufficient contrast.
You can overlay a "square" or "circle" mask (hiding part of the code) or an "image" (logo) in the center. Adjust the size with the size (%) field and the margin color with the backing color. The more you hide, the higher the risk of read failure, so we recommend error correction level H and verifying readability on a real device. The configured logo / mask is reflected in both PNG and SVG.
PNG can be used directly as an image and is convenient. SVG is a vector format that does not degrade when enlarged, making it ideal for printing, large-format posters, and signage.
Yes, it is completely free. No registration or sign-up is required, and there is no limit on how many codes you can generate.
No. From generation to download, all processing happens entirely within your browser (JavaScript). The content you enter is never uploaded to a server.
PNG is convenient for displaying on the web or pasting directly into printed materials. SVG is better when you need a vector format that does not degrade when enlarged, such as for large posters or signage. This tool lets you download in both formats.
In the settings panel you can choose the error correction level from L (7%), M (15%), Q (25%), or H (30%). A higher level makes the code more readable even when partly damaged, but makes the QR more complex. You can also fine-tune the size (128-1024px), margin, version, foreground/background color, and background transparency using sliders and input fields.