Design, test and export QR codes
Create QR codes that look yours and stay scan-aware.
Create codes for links, Wi-Fi, contacts, events and more. Customize colours, patterns, logos and frames while reviewing detectable scan risks before export.
Professional QR workspace
Design, preview and export
Add content, customize the design and review scan readiness without leaving the workspace.
Website URL
Excellent · 100/100
17 content types · 7 live checks · five export formats
Simple process
How QR Studio works
01 Pick what the code should do
Choose a purpose-built content type and complete only the fields it needs. QR Studio builds the matching payload for you.
02 Design it
Set colours, patterns, eyes, a logo and a frame. The live preview updates across screen, card and print environments.
03 Read the reliability score
Review contrast, quiet zone, logo coverage, density and print size. The checks identify settings worth testing more closely.
04 Export at the right size
Download PNG, JPEG, SVG, PDF or EPS at the size you need. For print runs, build an A4 or Letter sheet with guides and captions.
Supported QR content
17 structured content types.
Choose a purpose-built form without losing values when you switch types.
Links
- Website URLOpen a web page.
- Social profileOpen a profile in the right app.
- App downloadSend people to an app store.
- Multi-link pageOne code, a page of destinations.
Basics
- Plain textShow a message on the scanning phone.
- Number or codeShare a reference, serial or access code.
Connect
- Wi-Fi networkJoin a network without typing the password.
Identity
- Contact card (vCard)Save a contact in one tap.
Message
- EmailOpen a pre-filled email.
- SMSStart a text message.
- Phone callDial a number.
Place
- LocationDrop a pin or open directions.
- Calendar eventAdd a date to the phone's calendar.
Business
- Google reviewOpen the review box for your business.
- MenuOpen a menu, with the table on it.
- Booking pageOpen an appointment or reservation page.
- File or PDFPoint at a document you host.
Purpose-built for QR creation
Design freedom. Measured reliability.
Customize the look while keeping spacing, contrast and density visible.
Content-specific fields
Seventeen purpose-built content types, each with validated fields
Live capacity feedback
Wi-Fi, vCard and iCalendar payloads escaped to their own specifications
Flexible design controls
Foreground, background, linear and radial gradients
Logo-aware styling
Eight module patterns, five eye frames, four eye centres
Scan-readiness checks
Scan Reliability: seven graded checks and one recommended fix
Flexible export
PNG, JPEG, SVG, PDF and EPS
Visual templates
Start from a QR design made for the job.
Every thumbnail renders the working QR with a real template configuration. Select one to inspect exactly what it changes.
Selected template
Restaurant menu
A table card that opens the menu, with the table number on the link.
Template details
Changes the design, frame, correction level and print preset. Existing content for the selected QR type is preserved.
Q-level correction: table cards get handled, spilled on and wiped down.
Scan readiness
See the problems before they reach print.
These visual examples use the same rendering engine as the workspace. Automated checks are guidance, not a guarantee.
Pale modules can disappear in glare or print variation.
Use a darker foreground on a clean light background.
A large central plate removes one dense block of modules.
Reduce the logo and use H correction when branding is essential.
Without a clear edge, a camera may not isolate the symbol.
Restore at least four clear modules around every side.
- Colour contrastMeasured as a WCAG ratio between the darkest ink and the background. A gradient is judged on its palest stop, not the average, because that is where it fails.
- Quiet zoneThe clear border scanners use to find the symbol's edge. Four modules is the specification minimum; cropping it is the most common reason a code stops working.
- Logo coverageThe plate area as a fraction of the symbol, weighed against the error-correction budget — and against the fact that a logo removes one solid block, which is harder to rebuild than scattered damage.
- Encoded dataHow much of the symbol's capacity is used, and which version that forces. More data means a finer grid and a bigger minimum print.
- Print sizeThe width of one module in millimetres at your intended size. Below 0.4mm a mid-range phone camera stops resolving them at arm's length.
- Error correctionL, M, Q or H, weighed against where the code is going. L with a logo is a blocking failure, not a warning.
- Module shapeDecorative shapes leave gaps between modules, which costs effective contrast. Flagged only at sizes where it matters.
Automatic checks cannot reproduce every camera, print material or lighting condition. Test the final exported QR on several devices before publishing.
Export with confidence
Choose the right output for screen or print.
All five formats remain available. Choose an environment to highlight the strongest starting formats.
PNG
Websites, slides and documentsRecommended
Raster output with optional transparency at the pixel size you choose.
SVG
Design and scalable artworkRecommended
Vector geometry that remains sharp when a layout is resized.
Print workflows
Vector output at the physical width configured in the workspace.
EPS
Older production workflows
Vector PostScript with the format-specific limits disclosed before export.
JPEG
Systems that require JPEG
Raster output composited onto a background because JPEG has no transparency.
Privacy by design
Your QR content stays under your control.
Generation and logo handling happen in this browser. No account is required.
- Generation is localThe symbol is computed in your browser by code shipped with the page. The content you type is never sent anywhere.
- Logos stay on your deviceAn uploaded logo is read into memory and drawn into the preview. It is not uploaded, stored or resized on a server.
- The camera feed never leaves the pageScanning draws frames onto a canvas and reads the pixels back. No frame becomes a network request, and the stream stops when you close the scanner.
- History is yours and localRecent codes are kept in this browser's local storage so you can duplicate and edit them. Clearing it removes them; nothing is synced.
The active draft is temporary to this tab. Recent exported codes and saved presets use local storage on this device and can be cleared from the workspace.
FAQ
Frequently asked questions
Do these QR codes expire or stop working?
The symbol has no built-in expiry. It remains usable while the encoded destination or contact information stays valid and the printed or digital asset remains readable. There is no Motifuse redirect or subscription between the scanner and the content.
Can I use them commercially?
Yes. Codes you generate are yours to use on packaging, menus, adverts, signage and anything else, with no attribution, watermark, account or licence.
Which file should I download?
PDF or SVG for anything a printer will handle — both are vector and stay sharp at any size, and PDF carries an exact physical width. PNG for screens, slides and documents. EPS for older print workflows, remembering it is written with flat colour and no logo. JPEG only where PNG is refused.
How big does a printed QR code need to be?
About one tenth of the distance it will be scanned from: roughly 20mm on a business card, 45mm on a table card, 120mm on an A3 poster. The Studio computes it exactly for your data — the print check reports the width of a single module in millimetres and names a recommended size, because a long URL needs a larger code than a short one at the same distance.
Can I put a logo in the middle?
Yes, with a size guard. A logo erases the modules underneath it, and error correction is what rebuilds them — level H can restore about 30% of a symbol. Because a logo removes one solid block rather than scattered damage, the Studio warns above roughly 16% coverage and blocks export guidance above the level's full budget. It also refuses to call level L with a logo acceptable.
Why does my code look so dense?
Density is a function of how much you encoded. A long URL at a high error-correction level produces a fine grid that has to be printed larger to scan. The encoded-data check shows how much of the symbol's capacity you are using and how many characters are left before the version — and therefore the grid — steps up.
Can anyone track scans of my code?
Not through the code itself: it is a static image with no analytics layer, and Motifuse cannot see it being scanned. If you want scan statistics, encode a URL on a domain you control and measure the visits in your own analytics. The built-in UTM builder tags the link for exactly that.
Is it safe to put a Wi-Fi password in a QR code?
Treat it as public. A QR code is a visible encoding, not encryption — anyone who photographs the card can read the password out of it in seconds. That is fine for a guest network with no access to your internal machines, and a bad idea for the network your accounts and backups sit on.
Does anything I type get uploaded?
No. The symbol is generated in your browser, logos are read into memory rather than uploaded, and the camera scanner reads frames from a canvas in the page. Recent codes are stored in your browser's local storage and are never synced.
Can I make one code that changes where it points later?
Not directly — that needs a hosted redirect, which is what commercial 'dynamic QR' subscriptions are selling. You can get the same result for free: encode a short URL on a domain you own and change where it redirects. The printed code never has to change. The Static versus dynamic section above sets out the whole trade-off.
Why does the Studio say my code is 'High risk' when it looks fine?
Because a preview is 400 pixels of backlit screen and a printed code may be 20 millimetres of ink under difficult lighting. High risk means several settings are marginal at once — usually thin contrast, a reduced quiet zone and a small print size together. A code may scan up close yet fail at its intended distance.
Can it read an existing QR code?
Yes. Open the scanner to use your camera, or upload a screenshot or photo. Decoding runs in the page — on browsers with a built-in barcode detector it uses that, and everywhere else it uses the Studio's own decoder. It reports the decoded content, the symbol version and the error-correction level.
Keep creating
Related tools
Ready to create your QR code?
Choose a content type, customize the design and export a QR code made for your use case.