Savvy Goose
Character Counter Text & Writing
Case Converter Text & Writing
Diff Viewer Text & Writing
Markdown Converter Text & Writing
Percentage Calculator Numbers & Time
Unit Converter Numbers & Time
Timestamp Converter Numbers & Time
Time Between Dates Numbers & Time
Barcode Generator Generators
QR Code Generator Generators
Base64 Encoder Data & Encoding
Image to Base64 Data & Encoding
URL Encoder Data & Encoding
JWT Decoder Data & Encoding
Hash Generator Data & Encoding
Color Converter Data & Encoding
JSON Formatter Data & Encoding
Format Converter Data & Encoding
Regex Tester Data & Encoding
Browser Info Data & Encoding
Password Generator Generators
Passphrase Generator Generators
UUID Generator Generators
Favicon Generator Generators
Image Resizer Generators
Slug Generator Generators
Lorem Ipsum Generators
Mermaid Editor Diagrams
Cron Expression Generator Developer Tools
GitHub Dependency Starrer Developer Tools
No results found
Buy me a coffee
Savvy Goose

QR Code Generator

Create QR codes for URLs, text, Wi-Fi, and more.

1. Content
Text or URL
Anything you'd put behind a link: URLs, plain text, contact details, Wi-Fi credentials.
2. Preview

Enter text or a URL to generate a QR code.

Low contrast between foreground and background. Scanners may struggle.

The logo was trimmed to fit what this code can spare. Raise the error correction, or encode less text, for room to grow it.

This code needs more room than px, so the PNG exports at px to stay readable. The SVG is resolution independent.

3. Design
Theme
A starting point. Each one just sets the module and corner shapes, which you can mix yourself under Advanced options.
Foreground
Background
Mix your own shapes, or change how the code is encoded and exported.
Module shape How the data squares are drawn. Corner shape Applies to the three finder squares scanners look for.
Dot size
%
How much of each module the dot fills. At 100% they touch; lower values leave white between them, which prints lighter but gives a scanner less ink to find.
Size (px)
Error correction
Error correction

QR codes embed redundant data so they still scan when partly damaged or obscured.

  • L: ~7% recoverable. Smallest code; clean prints.
  • M: ~15%. Sensible default.
  • Q: ~25%. Outdoors or with light scuffing.
  • H: ~30%. Use whenever a logo overlaps the code.

Higher levels make the code denser, so it needs a bigger size or more pixels per module.

Quiet zone (modules)
4. Frame
Optional. A border, or a caption telling people what the code is for. Frames sit outside the code, so they never affect whether it scans, and they are baked into both downloads.
Caption
Keep it short. Longer wording shrinks to fit the bar rather than spilling out of it.
5. Logo
Optional. Pick a mark for the centre, or upload your own. Error correction goes to H to cover it, since that redundancy is what rebuilds the modules underneath.
Size
%
Up to % at error correction , which is what rebuilds the modules underneath.
Clear the modules behind the logo Drops whole modules to make room, so none are left half-drawn.

6. Share
The URL below carries every setting. Anyone who opens it sees the same QR code.

Some inputs are too long to fit in the URL.

Share URL

Anyone with this link can read the values it contains. Do not use it for sensitive data.

Logos aren't included in the share URL. Download the PNG or SVG to share the QR with the logo embedded.

How to use the QR Code Generator

  1. Enter the URL or text you want to encode.
  2. Pick a theme, then set the foreground and background colors.
  3. Add a frame if you want a border or a caption, and a centre logo if you want one.
  4. Open Advanced options to mix your own shapes or change the size, error correction, and quiet zone.
  5. Download the finished code as a PNG or an SVG.

Frequently asked questions

Is there a size or character limit?
QR codes have a maximum capacity that depends on the error correction level you pick. Plain ASCII fits the most.
Do the styled shapes still scan?
They should. Styling changes how each module is drawn, never the grid underneath, and every shape combination here is checked against a real decoder at a range of sizes. Print a test copy anyway before you order a thousand of them.
Which shapes should I use?
Square modules with square corners is the most forgiving on small prints and cheap cameras. Dots and rounded corners want a bit more room, so they suit posters and screens. Whatever you choose, more contrast and a bigger quiet zone help more than the shape does.
Can I put a logo in the middle?
Add one under Logo. Error correction jumps to H automatically, since that redundancy is what rebuilds whatever the logo covers, and the pattern is re-encoded to suit. The modules underneath are then removed whole rather than painted over, so nothing is left half drawn.
Why did the pattern change when I added a logo?
Because the error correction level went up, and that changes how the data is encoded. It is the same link either way. Set the level back down under Advanced options and the original pattern returns, along with a smaller cap on the logo.
Do the frames affect scanning?
A frame sits outside the code and leaves the quiet zone intact, so the symbol underneath is untouched. Pick a border, corner brackets, or a caption bar above or below, and the caption shrinks to fit rather than running past the edge.
Can I change the "Scan me" wording?
Type whatever you like in the caption field, up to 40 characters. Leave it empty for a bar with no text.
Will it work for Wi-Fi credentials?
Encode a Wi-Fi connection string and a phone's camera will offer to join the network.
Is data sent to a server?
No. QR codes are generated locally in your browser.

Made for free with