Online QR Code Generator for URLs, text, Wi-Fi, email, phone, SMS, and vCard
Create scannable QR codes online for text, URLs, Wi-Fi access, email, phone numbers, SMS messages, and vCard contact cards. Customize dots, corners, background, logo, error correction, and export size for marketing, packaging, posters, signage, and development workflows.
- All QR code generation happens locally in the browser with no server upload
- Generate URL, plain text, Wi-Fi, email, phone, SMS, and vCard QR codes
- Use style presets, color presets, transparent backgrounds, solid backgrounds, and gradients
- Customize dots, corner squares, corner dots, logo, margin, and error correction
- Keep the preview fixed while setting a separate export size for downloads
- Export PNG, SVG, WebP, and JPEG for web, print, design, and product workflows
QR Code Generator
Generate URL, text, Wi-Fi, email, phone, SMS, and vCard QR codes with logo, transparent background, gradients, Hex colors, error correction, and multiple downloads.
Content
The data encoded in the QR code. Scan the QR code to read this content.
Presets
Basic
Only affects the downloaded file. The preview stays fixed so styles are easy to compare.
Background
Logo image
Dots
Corner square
Corner dot
What this online QR code generator can do
This QR code generator is built for marketers, designers, operators, and developers who need scannable, branded, downloadable QR codes without uploading data to a server.
-
Multiple QR code content types
Create URL QR codes, text QR codes, Wi-Fi QR codes, email QR codes, phone QR codes, SMS QR codes, and vCard contact QR codes from one page.
-
Branded QR code design
Add a logo, match brand colors, customize dot shapes, style the corner patterns, and choose transparent backgrounds for brand assets.
-
Transparent, solid, and gradient backgrounds
Use a transparent background by default for design tools, or switch to solid and gradient backgrounds for social graphics, stickers, and campaign assets.
-
Independent foreground color control
Set colors or gradients for dots, corner squares, and corner dots independently. Hex color input makes it easy to match a design system.
-
Fixed preview with separate export size
The preview stays fixed so the interface does not jump while you tune styles. The size field controls the downloaded file dimensions.
-
Multiple download formats
Export PNG, SVG, WebP, and JPEG. Use SVG for print and vector editing, and PNG or WebP for web and app interfaces.
How to use this page
Enter your content, customize the style, and download your QR code.
- 1
Enter the text, URL, or data you want to encode in the QR code.
- 2
Customize the QR code appearance using dots, corners, colors, background, logo, margin, and error correction options.
- 3
Upload a logo image if you want to place one in the center of the QR code.
- 4
Preview the QR code in real time as you adjust the settings.
- 5
Download the QR code as PNG, SVG, WebP, or JPEG for your project.
Customization options
Every visual aspect of the QR code can be customized.
- Use the dots style to change how individual QR code modules appear. Rounded is the default, classy creates diamond-like shapes.
- Use corner square style to customize the three position detection patterns. Extra rounded creates pill-shaped corners.
- Use corner dot style to customize the center dots inside the position detection patterns independently from the main dots.
- Upload a logo image with adjustable size and margin. Higher error correction levels allow larger logos.
- Use the error correction level to control how much of the QR code can be damaged while remaining scannable.
Common QR code use cases
Website QR codes, Wi-Fi network QR codes, logo QR codes, transparent QR codes, and vCard business card QR codes.
-
Website URL QR codes
Turn a homepage, campaign landing page, coupon page, app download link, or form URL into a scannable QR code for posters, table cards, email signatures, and offline material.
-
Wi-Fi QR codes
Generate a Wi-Fi QR code with network name, password, and encryption type for cafes, offices, hotels, meeting rooms, and event reception desks.
-
QR codes with logo
Upload a brand logo and use a higher error correction level to create company QR codes, store QR codes, campaign QR codes, and branded marketing QR codes.
-
vCard business card QR codes
Create a digital business card QR code with name, phone, email, organization, title, and website for sales, recruiting, consulting, and in-person events.
Supported QR code content types
Choose the content type that matches the real action after scanning: open a link, join Wi-Fi, start a message, place a call, or save a contact.
Text QR codes and URL QR codes
Enter plain text, short links, long URLs, landing pages, or campaign links and generate a static scannable QR code for sharing, mobile access, lead capture, and offline advertising.
Wi-Fi password QR codes
Enter the SSID, password, and encryption type to create a Wi-Fi connection QR code. Scanning reduces manual password entry and works well for shared spaces.
Email, phone, and SMS QR codes
Generate mailto, tel, and sms QR codes for support entry points, quote requests, after-sales service, event signups, and lead collection.
vCard contact QR codes
Encode contact data as a vCard so people can quickly save a name, phone number, email, company, job title, and website from a business card or badge.
QR code styling and brand customization
Design choices should support scanning first, then match the campaign, product, or brand system where the QR code will appear.
Transparent QR code background
Transparent background is the default, so downloaded QR codes can be placed into posters, presentations, Figma, Canva, product images, and website banners without manual background removal.
Custom colors and Hex input
Use the color picker or type exact Hex values such as #000000, #2563EB, or #10B981. Color presets update the dots and finder patterns together.
Dot and corner styles
Dots, corner squares, and corner dots can use square, rounded, dot, classy, and extra-rounded styles so the QR code better matches the visual identity of a brand.
Logo and error correction
When adding a logo, use Q or H error correction and keep the logo size controlled so it does not cover too much encoded data.
Which QR code download format should you choose
Different uses need different formats. PNG for digital, SVG for print, WebP for web, and JPEG for compatibility.
PNG QR code
Best for websites, documents, emails, social media, and everyday use. Increase the export size when you need a sharper bitmap.
SVG QR code
Best for print, packaging, posters, and vector design tools. SVG scales without becoming blurry.
WebP QR code
Best for modern websites and apps where file size matters and browser support is available.
JPEG QR code
Useful for older systems or upload forms that only accept JPG/JPEG, though it is not recommended for transparent-background designs.
QR code scanability and launch checklist
Before publishing, validate scan reliability in real environments to avoid visually attractive but hard-to-scan QR codes.
Size vs viewing distance
For offline materials, scale QR size based on expected scanning distance and keep enough quiet zone around the code.
Material and glare conditions
Glossy paper, metal, glass, and reflective surfaces can reduce recognition accuracy. Test printed samples under varied lighting.
Contrast and color choices
Dark foreground on light background is usually the most robust. Validate gradients and brand palettes on multiple devices.
Tracking and destination analytics
Use trackable short links for campaign QR codes to measure scan volume, channel source, region distribution, and conversion outcomes.
Practical guidelines
Follow these rules to create scannable and visually appealing QR codes.
When a QR code points to a long URL with Chinese characters, UTM tags, callbacks, or query parameters, prepare the link with URL Encode & Decode before generating the code. For long text, SMS, or vCard content, use Text Counter to check character and UTF-8 byte length first. If the logo file is too large or needs to be optimized for upload, run it through Image Compressor ; and when the target is a product label, carton code, asset ID, or ticket number rather than a link or contact action, Barcode Generator is usually the more appropriate scannable format.
- Use higher error correction levels (Q or H) when adding a logo to ensure the QR code remains scannable.
- Test your QR code with multiple scanning apps and devices before printing it on materials.
- Keep sufficient margin around the QR code. The margin value adds white space that helps scanners detect the code.
- Use high contrast between dots and background colors. Light dots on a light background may be hard to scan.
- Download as SVG for print materials and as PNG for digital use. SVG scales perfectly to any size.
- For outdoor ads, table tents, and display stands, export a larger QR code and keep enough surrounding white space.
- Short links are usually easier to scan than very long URLs and make analytics or destination changes easier.
- Transparent backgrounds are useful in design tools, but complex final backgrounds should use a solid QR background or a clear outer frame.
Limitations and important notes
Knowing the boundaries helps you create functional QR codes.
- QR codes with very large logos or heavy customization may be harder to scan. Always test before production use.
- The generated QR code is static. If you need to change the content later, you must generate a new QR code.
- QR codes can store up to 3KB of data. Very long URLs or large amounts of text may use the highest error correction level automatically.
- All QR code generation happens locally in your browser. No data is sent to any server.
Frequently asked questions
Answers to common questions about usage, data handling, result checks, and practical limits.
01 Is this QR code dynamic or static?
Is this QR code dynamic or static?
The QR code is static. The data is encoded directly into the QR code pattern. If you change the content, you need to generate a new QR code.
02 What is the maximum data size?
What is the maximum data size?
QR codes can store approximately 3KB of data. For URLs and short text, this is more than sufficient.
03 Why should I use a higher error correction level?
Why should I use a higher error correction level?
Higher error correction levels allow the QR code to be scanned even if part of it is damaged or obscured, which is especially important when adding a logo.
04 Does this page send my data to a server?
Does this page send my data to a server?
No. All QR code generation happens locally in your browser using qr-code-styling. No data is transmitted to any server.
05 Can I use any image as a logo?
Can I use any image as a logo?
Yes. Upload any image file and the QR code will place it in the center. Adjust the logo size and margin to fit your design.
06 Why does the preview stay the same size when I change size?
Why does the preview stay the same size when I change size?
The preview is fixed so style changes are easier to compare. The size field controls the actual dimensions of the downloaded file.
07 Is a transparent QR code background good for print?
Is a transparent QR code background good for print?
Yes, as long as the final background is clean and has strong contrast against the QR code foreground. For complex backgrounds, use a solid background.
08 Which QR code download format should I choose?
Which QR code download format should I choose?
Use PNG for websites and general documents, SVG for print or vector editing, WebP for modern web interfaces, and JPEG only when a platform requires JPG/JPEG uploads.
09 Why can a QR code with a logo be hard to scan?
Why can a QR code with a logo be hard to scan?
A logo covers part of the encoded data. Reduce logo size, add margin, use higher error correction, and test with multiple devices before publishing.
10 Can this tool generate a Wi-Fi password QR code?
Can this tool generate a Wi-Fi password QR code?
Yes. Choose the Wi-Fi content type, enter the network name, password, and encryption type, then download the scannable Wi-Fi QR code.
More encoding, decoding, and scannable code tools
DevKitLab provides online tools for Base64 encoding and decoding, URL encoding and decoding, QR code generation, barcode generation, and other tasks involving links, text, image encoding, and scannable codes.