Workshop Styled QR code generator
Choose a shape for every module and corner, colour it, set a logo in the middle, then export a print-ready PNG or a clean SVG. It all happens in your browser.
Modules are the small squares that carry the data. Fluid joins neighbours into rounded runs; Columns and Courses merge them into bars.
The three corner squares (finder patterns) are what a camera looks for first. Drop and Leaf shapes point toward the middle of the code.
Drop a logo here
PNG, JPG, SVG or WebP, up to 5 MB. It stays on your device.
Share of the code width, capped at 25% so the code keeps enough data to scan.
While a logo is in place, error correction is locked to H, which can rebuild about 30% of the code.
The light border around the code. The standard asks for 4 modules; screens often get away with 2.
Start from a preset, then change anything. Presets only change the style; your link or text stays as it is.
Builders for the formats phones understand, plus a bulk generator, a safe scanner and barcodes.
Two free services that help before and after a code goes to print.
Codes that lead to a sign-up form, a newsletter or a mailto: address are easiest to test with an inbox you can throw away.
Scanned a code on a poster, flyer or parking meter and not sure where it leads? Open it somewhere that is not your own device.
They are free for any use, including print and commercial work. The codes are static: your link or text is stored in the pattern itself, so no redirect service sits in between and nothing can expire or be switched off. The flip side is that the destination cannot be changed after printing; make a new code instead.
Usually, yes. Scanners find the three corner squares and then read the centre of each module, so rounded, dotted or bar-shaped modules work as long as the colours contrast strongly and there is a light margin. After every change the preview runs a test scan with two independent decoders and checks contrast, margin and logo size. Still scan a printed proof with a couple of phones before a big print run.
Up to 25% of the code’s width. Adding a logo switches error correction to H, which can rebuild about 30% of the data, and the modules behind the logo are cleared so its edge stays crisp. A smaller logo leaves more room for scuffs, glare and cheap printing.
SVG is vector, so it stays sharp at any size: use it for print, signage and design tools. PNG is a fixed-size image for documents, slides and web pages; pick 1024 px or more for print. Both contain exactly the same code.
M (15%) is a good default. Use Q or H for codes printed small, outdoors, on curved surfaces or with a logo. Higher levels make the pattern denser, so long text at H needs a larger print to stay readable.
No. The code is built by JavaScript in this tab, and your text, logo and downloads never leave your device. The site counts page views with Cloudflare Web Analytics, which uses no cookies and never sees what you type, paste or drop into the tools.