What QR Code Generator helps you do
Turn a URL or short text value into a downloadable PNG QR code. Choose a practical pixel size and foreground color, preview the result, and keep the final code ready for a menu, poster, handout, product card, or in-person workflow. The code is rendered in the browser, so the destination never has to be sent to a link-shortening service.
The encoded text is converted to a QR image in your browser. The content is not uploaded to Haivix; only the encoder library is fetched from a public CDN.
How it works
The page loads a QR encoding library, which converts the text into the module grid defined by the QR standard. The grid is drawn to a canvas at the size you choose, with a two-module quiet zone and a white background, and the canvas is exported as a PNG. The encoded content is processed locally; the library itself is fetched from a public code CDN when the page needs it.
How to use QR Code Generator
- Enter the final HTTPS URL or short text value, then choose size and foreground color.
- Generate the code and scan the preview with more than one phone before printing.
- Download the PNG and leave clear space and contrast around the code in your artwork.
- If the destination may change, point the code at a redirect you control.
When to use it
- Print a link on a menu, flyer, poster or business card.
- Add a scan target to a product label or packaging proof.
- Share a Wi-Fi note or contact detail at an event.
- Put a documentation or download link on a slide.
- Create a test code for a scanner or a print workflow.
- Give a short text value a scannable form without a URL shortener.
When not to use it
- Do not encode sensitive data; anyone who scans the code can read it.
- Do not use a very light foreground on white and expect reliable scanning.
- Do not print a long URL at a small physical size without testing the proof.
Example
A café wants a table card that opens its ordering page. The final HTTPS URL is encoded at 512 pixels in a dark green that matches the brand, leaving a white margin around the pattern. The proof is scanned on three phones at table distance before the cards are printed.
What you can do with QR Code Generator
- Generate a QR code from a URL or plain text.
- Choose an output size from 128 to 512 pixels.
- Set a custom foreground color on a white background.
- Preview the code before downloading it.
- Download a PNG at the selected size.
- Keep the encoded value private to the browser.
Example: create a QR code for a printed campaign
Start with the final HTTPS landing-page URL, including campaign parameters if you need attribution. Generate the code at 512 pixels for a cleaner print source, then scan the preview with more than one phone before placing it in artwork.
Keep strong contrast between the code and background, leave clear space around it, and print a short human-readable URL nearby. If the destination may change, use a redirect you control instead of printing a temporary third-party link.
For a menu or a poster, test the code at the size it will actually be printed. A code that scans on a bright monitor can fail on matte paper under low light, so print a proof before the full run.
What to know before you start
- Longer content creates a denser QR pattern that can be harder to scan at small physical sizes.
- Very light colors and low-contrast backgrounds reduce reliability.
- The generated code is static: changing the destination later requires a redirect at the encoded URL or a newly printed code.
- The white margin around the code is part of the scan target; do not crop it away in artwork.
Common mistakes
- Encoding a temporary staging URL that will be taken down after launch.
- Choosing a brand color that is too light against the white background.
- Cropping the quiet zone when placing the PNG into a layout.
- Printing the code too small for the amount of data it contains.
- Testing the code only on the phone that generated it.
- Assuming the code can be edited later; a static code cannot.
Troubleshooting
If the preview does not appear, the QR library may have failed to load. Check the network connection and reload the page.
If a scanner cannot read the code, increase the size, darken the foreground or restore the white margin around the pattern.
If the code scans but opens the wrong page, check the encoded URL for a typo or a missing campaign parameter, then regenerate it.
If the printed code is blurry, the PNG was scaled up after export or printed below its intended size. Export at the final pixel size and place it at 100%.
If a very long URL produces a dense pattern, shorten the URL with a service you control or point the code at a short redirect.
Related standards and documentation
- ISO/IEC 18004 defines the QR Code symbol and its error-correction levels.
- The quiet zone is part of the symbol specification, not decoration.
- Keep strong contrast and the white margin.
- 512 px is a safer print source than 128 px.
- A static code cannot be repointed later.