What Is a QR Code Generator?
A QR code generator is a tool that encodes a piece of text — usually a URL, but also vCard contacts, Wi-Fi credentials, plain text, phone numbers, calendar events, or SMS templates — into a Quick Response (QR) barcode that smartphone cameras can scan and decode instantly. QR codes were invented by Denso Wave in 1994 for the Japanese automotive industry, but exploded globally during the pandemic as a contactless way to point customers at menus, payment links, and event-registration pages.
The people who use QR generators are remarkably varied: restaurant owners printing menu codes on table tents, event organisers pointing attendees at agendas, marketing teams putting trackable codes on print ads, small-business owners adding Wi-Fi-share QR codes to checkout counters, IT departments distributing Wi-Fi passwords to guests, real-estate agents linking listing pages from for-sale signs, and developers embedding URLs into stickers. The Tooldit generator runs entirely in your browser using a JS QR library — the data you encode never leaves your device, which matters for private Wi-Fi credentials and short-lived event URLs.
Free QR Code Generator That Runs in Your Browser
This qr code generator turns any URL, text snippet, phone number, or contact card into a scannable square you can drop onto a flyer, business card, menu, or slide. Instead of mailing people a long link they have to type, you give them a code their phone camera reads in a second. Everything happens live in this tab — type into the box and the preview redraws instantly, so you can fine-tune the look before you ever download a file.
How the Controls Work
Paste your link or text into the field at the top and the code appears in the preview pane. Five controls let you tailor it:
- Size— a slider from 128 px up to 1024 px in 32 px steps, which sets the pixel dimensions of the PNG you download.
- Margin — the quiet zone of blank space around the code, adjustable from 0 to 8. A margin of 2 or more helps scanners lock on quickly.
- Error correction — choose L (~7%), M (~15%), Q (~25%), or H (~30%). Higher levels add redundancy so the code still scans when smudged or partly covered.
- Foreground — the color of the dark modules, set with a color picker.
- Background — the color behind the code; keep it lighter than the foreground for reliable scanning.
When the result looks right, download it as a pixel-perfect PNG at your chosen size, or as a vector SVG that scales to any dimension without blurring.
Why Use This Generator
- Generated on your device — the code is drawn in the browser and your text never reaches a server, so private links and contact details stay with you.
- Genuinely free — no per-scan billing, no expiring codes, no "premium" tier hiding the export buttons.
- No sign-up — open the page, type, download. There is no account to create.
- No watermark or tracking — the codes are static and point straight to your content, not through a redirect that counts your scans.
- Two clean formats — PNG for screens and quick prints, SVG for large-format work.
Ways People Use It
- Restaurants and cafes print a table-top code linking to a digital menu, so guests scan instead of handling shared paper menus.
- Small businesses add a code to flyers and packaging that opens a Google review page or a product landing page.
- Event organizers put a high error-correction code on badges and signage that links to the schedule or check-in form.
- Networking generate a code from a vCard or LinkedIn URL for the back of a business card so new contacts save your details with one scan.
QR Code Generator vs Other Tools
Versus QR Code Monkey, QRCode-Tiger, paid QR services — many free QR services watermark the code or require a signup for high-resolution downloads. Some make the URL go through their own "tracking" redirect, which adds a dependency on their service staying online. Tooldit's generator outputs clean PNG/SVG you own outright.
Versus dynamic QR services (Bitly, Beaconstac) — dynamic codes go through a redirect so the destination can be changed after printing. That's useful for campaigns and analytics, but the redirect service must remain online for the code to work. Static codes (which Tooldit creates) work forever but can't change destination.
Versus your phone's camera with sharing — some phones can generate a QR from a shared URL, but the result is throwaway and low-resolution. Tooldit's output is print-ready (SVG or 1000+ px PNG).
Versus command-line qrencode — qrencode is great when you're scripting bulk generation. For a single code with custom colors and error-correction level, the browser is faster.
Troubleshooting & Common Issues
- Scanned QR opens a different URL than expected — double-check the encoded URL by scanning your own code with a phone before printing. Typos in the source go straight into the code.
- Code is unscannable on printed media — the QR needs adequate contrast (dark on light) and a quiet zone (white margin) around it. Don't shrink below ~2 cm on print or invert the colors below a 60% contrast ratio.
- Long URL produces a very dense code — QR capacity grows with module density. Long URLs (with query strings, UTM tags) create complex patterns that need higher print resolution. Shorten the URL first via a service like bit.ly or your own redirector.
- Custom colors don't scan — some QR readers require dark modules on a light background; light-on-dark or low-contrast pairs fail. Test the code with multiple readers if you've customized colors.
- Wi-Fi QR doesn't auto-connect — iOS supports Wi-Fi QR codes natively; Android's default camera handles them too but some third-party scanners just show the data string. Tell guests to use the system camera, not a third-party reader.
- SVG export looks pixelated — SVG itself is vector, so it shouldn't pixelate. If your viewer is rasterizing it (e.g. old Photoshop without a vector plugin), use the PNG output at a higher resolution instead.
Frequently Asked Questions
+What error correction level should I pick?
For a clean QR code that will be scanned on screen or on flat printed paper, level M (about 15% recovery) is a good default. Step up to Q or H if the code will be printed on a curved surface, stickered, or partly covered by a logo — higher levels rebuild the data even when up to 30% of the code is damaged. Level L holds the least redundancy and produces the simplest pattern, which is fine for short URLs in pristine conditions.
+Should I download the QR code as PNG or SVG?
Choose PNG when you need a ready-to-use image at the exact pixel size you set with the size slider — good for slides, social posts, and quick prints. Choose SVG when the code will be scaled up for a poster, banner, or vehicle wrap, because SVG is vector and stays razor-sharp at any size. The SVG export uses the same content, margin, error correction, and colors as the preview.
+Why does my QR code fail to scan after I change the colors?
Scanners rely on strong contrast between the dark modules and the light background. If you pick a light foreground or a dark background, the two values get too close and phones struggle to read the code. Keep a genuinely dark foreground on a genuinely light background, and avoid inverting the colors — most cameras expect dark-on-light. If a scan fails, restore the default colors and try again.
+Can I put more than a website link into the QR code?
Yes. The input accepts any plain text, so beyond a URL you can encode a phone number, an email address, a short note, Wi-Fi credentials, or a vCard contact block. The more characters you encode, the denser the pattern becomes, so for long content keep the size slider higher and a margin of at least 2 so scanners can find the code.
+Is the QR code generated privately in my browser?
Yes. The code is rendered to a canvas right inside this page using JavaScript, and the PNG and SVG files are built and downloaded locally. Your text or URL is never sent to a Tooldit server, so even sensitive links and contact details stay on your device.
+What error-correction level should I use?
Levels are L (~7% recovery), M (~15%), Q (~25%), and H (~30%). Higher levels make the code more robust to damage and dirty surfaces but produce denser, harder- to-scan codes at small sizes. Use M for clean digital display, Q or H for printed media that might get scuffed.
+Can I add a logo in the centre?
Yes — QR codes tolerate a small image (up to ~30% area covered) over the centre because of built-in error correction. Use the highest error- correction level (H) and keep the logo small relative to the code so the QR remains scannable.
+What's the maximum amount of data a QR can hold?
In theory, version-40 QR codes hold up to ~4,300 alphanumeric characters or ~7,000 numeric. In practice anything beyond a few hundred characters produces such a dense code that smartphone cameras struggle to scan it. For large payloads, host the data on a URL and encode the URL.
Related Developer Tools
Need to lock something down or encode data a different way? Try the password generator for strong, random credentials, or the Base64 encoder to encode and decode text and files. Like this tool, both run entirely in your browser.