QR Generator Help Documentation

A complete guide to the QR code generator, from the first link to a ZIP of hundreds of codes.

Last Updated: November 3, 2026

Table of Contents

  1. Getting Started
  2. Choosing What the Code Holds
  3. Filling In the Fields
  4. The Code, Its Details and the Notes
  5. Ready Styles and Shapes
  6. Colours and Gradients
  7. Adding a Logo
  8. Frames and Labels
  9. Error Correction, Quiet Zone, Version and Mask
  10. Downloading, Copying, Sharing and Printing
  11. Making Many Codes at Once
  12. Recent Codes and Links
  13. Keyboard Shortcuts
  14. What Is Remembered
  15. Troubleshooting
  16. Support

1. Getting Started

1.1 What you need

1.2 How the page is laid out

On a wide screen the code sits on the right and stays in view while you scroll; on a phone it comes first. Beside it are three cards: Content (what the code holds), Design (how it looks) and Batch (many codes at once). The pill above them shows the code in force, its version and size, and how many recent codes are kept. Recent codes and Help open windows.

1.3 Your first code in three steps

  1. Pick a kind at the top of the Content card, for example Link.
  2. Type the content. The code appears as soon as the content is valid.
  3. Press PNG under the code to download it, or Copy to paste it straight into a document.

2. Choosing What the Code Holds

Each kind writes its content in the format phones expect when they scan it. The Encoded data line under the Content card shows the exact result.

3. Filling In the Fields

3.1 Checks as you type

A field marked with a star is needed. When something cannot work, the message appears under the field and nothing can be downloaded until it is fixed: a WPA password must be 8 to 63 characters, an email address needs an @ and a domain, a phone number needs 3 to 15 digits, latitude must be between -90 and 90 and longitude between -180 and 180, and an event cannot end before it starts.

3.2 Try an example

Try an example fills in the current kind with sample content so you can see a finished code at once. The UPI and crypto examples use made-up IDs; put your own in before you use the code.

3.3 Finding coordinates

Open the place in your maps app: most show its latitude and longitude when you press and hold the spot, or under Share. Paste the two numbers into the Latitude and Longitude fields.

3.4 Each kind keeps its own fields

Switching from Wi-Fi to Link and back keeps what you typed in each, so you can prepare several codes before downloading them.

4. The Code, Its Details and the Notes

The code redraws on every key you press. Under it, small pills show the version (the size of the grid), the number of modules per side, the error correction level, how full the code is and the mode it uses (numeric for digits only, alphanumeric for capitals and digits, byte for everything else).

The notes below the pills check the design: contrast between the code and its background, light modules on a dark background, a quiet zone under 2 modules, a logo that covers more than the error correction can rebuild, an export size too small for the amount of data, a very dense code and the thin diamond shape without error correction H. A note with a button, such as Use H or Set to 4, fixes it in one click. When everything is fine, the note says Ready to scan.

5. Ready Styles and Shapes

The ten ready styles (Classic, Rounded, Dots, Ocean, Sunset, Forest, Berry, Ink, Coral and Pixel) set the shapes and colours together. The Shape tab sets them one by one:

Reset on the Design card goes back to plain dark modules on white and keeps the logo.

6. Colours and Gradients

Pick the foreground and background with the colour picker or type a colour code such as #0F172A. Gradient foreground blends into a second colour, either linear at an angle you choose or radial from the middle. Different colours for the corner squares gives the eye frame and the eye centre their own colours. Transparent background leaves the background out of PNG, SVG and WebP files.

Keep the code clearly darker than its background. A contrast of 4:1 or more is safe; the notes warn below that, and say so when the code is lighter than the background.

7. Adding a Logo

  1. Open the Logo tab and drop a PNG, JPG, SVG or WebP picture on the drop zone, or click it to choose a file. Square pictures work best; files up to 8 MB are read and large pictures are scaled down to 640 pixels.
  2. The logo appears in the middle. Error correction goes up to H by itself, and back to the earlier level when you remove the logo.
  3. Set the logo size (10 to 35% of the code's width) and its shape (square, rounded or circle), and choose whether it gets a backdrop and whether the modules under it are cleared.

You can also drop a picture anywhere on the page. Replace and Remove sit beside the logo once it is added.

8. Frames and Labels

The Frame tab puts a frame around the code: a label below, a label above, or a plain border. Type the label (up to 40 characters, SCAN ME when empty), choose the frame and text colours, the font (sans serif, serif or monospace) and the corners (sharp, rounded or pill). A frame makes the picture taller than wide; the downloads include it.

9. Error Correction, Quiet Zone, Version and Mask

10. Downloading, Copying, Sharing and Printing

Files are named after the content, for example wifi-cafe-guest.png or link-example-com-menu.svg.

11. Making Many Codes at Once

  1. Choose the kind of content and the design first; every code in the batch uses them.
  2. Type one entry per line in the Batch card, or press Import CSV or TXT. A file whose first line starts with name, title, label or file has that line skipped and Named lines turned on.
  3. With Named lines on, write name, content on each line (a comma or a tab between them); the name becomes the file name. Without it, the content names the file.
  4. Choose PNG or SVG files and press Download ZIP. Up to 500 codes are made, numbered 001, 002 and so on; a line that is too long for one code is skipped and counted.

For Link codes, a line such as example.com/menu gets https:// added, as in the single code.

12. Recent Codes and Links

Every code you download, copy, share or print is added to Recent codes, up to the last 30, with its content and design. Open Recent codes (or press H) and click one to bring it back, or use the bin button to remove it. Clear the list removes them all; Delete everything also removes the last content and design.

Link copies an address that holds everything you typed and the design, but not the logo. Anyone who opens it sees the same code and can change it on their own device. Because it holds what you typed, including a Wi-Fi password, share it only with people who may see that.

13. Keyboard Shortcuts

14. What Is Remembered

The browser's storage on this device holds, under the tool's own name, the content you typed for each kind, the design (with a logo up to about 300 KB), the export size and the recent codes. That storage is not encrypted, and clearing the site's data deletes it. The light or dark theme is shared with the rest of the site. Nothing is kept on a server.

15. Troubleshooting

16. Support

For questions the FAQ does not answer, use the contact form and say which browser and device you use.