QR Code Generator
Instant QR code creation supporting links, text, WiFi credentials, emails, and phone contacts. Download in high-res PNG or vector SVG format.
QR Contenturl
Enter a full web address or domain name.
QR Customization
How to use QR Code Generator
Simple steps to get your task done in seconds
Choose QR Content Type
Select what your QR code will store: Website URL, Plain Text, WiFi credentials, Email message, or Phone number.
Enter Details & Customize
Type in your content, choose error correction level (L, M, Q, H), select resolution, and customize foreground/background colors.
Download PNG or SVG
Download crisp raster PNG images, export infinite-resolution vector SVG files, or copy the encoded raw payload to your clipboard.
Browser-Based Static QR Code Generation
ZapPebble creates clean, high-precision QR (Quick Response) codes directly inside your browser memory. Whether you are sharing a website URL, providing one-tap WiFi access, drafting an email trigger, or encoding contact numbers, our generator compiles your data into standard two-dimensional matrices without routing information through external servers.
Static & Permanent
Every QR code directly stores your raw payload data. There are no intermediate redirect links, no third-party dependencies, and no expiration dates. The code remains functional forever.
100% Client-Side Privacy
Your network passwords, phone numbers, and private text strings are processed entirely in browser memory. No payloads are transmitted across the internet or logged in any database.
Dual PNG & SVG Export
Export ready-to-use PNG raster images for digital screens or infinite-resolution vector SVG files for professional commercial printing, signage, and merchandise.
How to Create a QR Code
Generating a custom QR code takes just three straightforward steps:
Choose Your Content Type
Select what your QR code will contain: Website URL, Plain Text, Email, Phone, or WiFi Network credentials.
Enter Information & Customize
Fill in your content fields and customize your output: select resolution (128px to 1024px), error correction level (L, M, Q, H), and custom foreground/background colors.
Download or Copy Payload
Instantly preview your QR code with real-time contrast checking. Click Download PNG, Download SVG, or copy the formatted raw payload string to your clipboard.
Choose the Right QR Code Type
QR codes store formatted strings that prompt smartphone camera software to execute specific native actions. Selecting the appropriate type ensures devices interpret your code accurately.
| Type | Underlying Payload Format | Scanner Behavior | Typical Applications |
|---|---|---|---|
| Website URL | https://example.com | Prompts user to open destination link in default web browser | Landing pages, menus, social profiles, marketing campaigns |
| Plain Text | Raw text / UTF-8 | Displays raw text or copies characters to device clipboard | Serial numbers, instructions, cryptographic keys, notes |
| mailto:user@domain.com?... | Opens email app with pre-filled recipient, subject, and body | Customer feedback, support inquiries, event RSVP triggers | |
| Phone | tel:+15551234567 | Opens native phone dialer with number pre-filled for one-tap calling | Customer support hotlines, business cards, emergency contacts |
| WiFi Network | WIFI:T:WPA;S:SSID;P:Key;; | Prompts Android and iOS devices to automatically connect to WiFi | Guest networks, cafes, offices, Airbnb check-in guides |
Create a QR Code for a Website
Website URLs are the most common payload for QR codes. When configuring a URL QR code, keep the following best practices in mind:
Use Full Protocol Links
Always provide a complete web address including https://. ZapPebble automatically prepends https:// if you omit it, ensuring modern mobile camera scanners recognize the destination as an interactive web link rather than plain text.
Shorter URLs Produce Cleaner Codes
Because QR codes store raw text directly, long URLs with extensive query parameters or UTM tracking tags require more data modules. A simpler, shorter URL creates a less dense QR code that scans faster and from greater distances.
While ZapPebble generates the QR image 100% locally in your browser, the destination website itself is publicly accessible on the web. Always test destination links before distributing printed materials to ensure the target webpage remains active and HTTPS-secured.
Create a WiFi QR Code
A WiFi QR code allows guests, customers, and employees to join your wireless network instantly without typing complex network passwords manually.
Network SSID
Enter the exact name of your wireless network. ZapPebble automatically escapes reserved characters (such as semicolons, colons, and backslashes) according to the MeCard WiFi specification.
Security Options
Choose between WPA / WPA2 (Standard), WEP (legacy), or None (Open Network) for unsecured public hotspots.
Hidden SSID Support
If your wireless router does not broadcast its network identifier, check the Hidden SSID Network option so devices explicitly probe for the non-broadcasted SSID.
The generated WiFi QR code contains your network password in plain readable text inside its payload. Anyone who scans or photographs the QR code can inspect and read your wireless password. Treat printed WiFi QR codes with the same physical security as writing your WiFi password on paper.
Email and Phone QR Codes
Streamline communication by encoding direct contact triggers into scannable barcodes.
Email (mailto:) Triggers
Encodes recipient address, optional pre-filled subject line, and optional body text. When scanned, modern smartphones launch the user's default email client with all fields pre-populated. Note that scanning does not automatically send the email—the user must review and tap send.
Phone (tel:) Dialer Links
Encodes a sanitized telephone number using international or domestic dialing formats. Scanning prompts the device to open its native phone dialer with the number ready to call. For safety, operating systems do not initiate calls automatically without user confirmation.
What Is QR Error Correction?
QR codes use Reed-Solomon error correction algorithms to retain readability even if part of the printed code is scratched, obscured, or torn. Choosing the right level balances scan resilience against matrix density.
| Level | Approximate Recovery | Module Density | Recommended Usage |
|---|---|---|---|
| L (Low) | ~7% | Lowest density (fewest modules) | Pristine digital screen displays where zero physical wear will occur. |
| M (Medium — Default) | ~15% | Balanced density | General marketing, menus, table tents, flyers, and standard print distribution. |
| Q (Quartile) | ~25% | High density | Industrial environments, outdoor posters, or surfaces prone to dirt and friction. |
| H (High) | ~30% | Highest density (most modules) | Harsh outdoor signage, vehicle decals, or when placing subtle central logo artwork. |
Note: These percentages describe mathematical data recovery capability under QR standard encoding rules. They do not guarantee that a code will scan if critical alignment patterns or quiet zones are defaced.
How Large Should a QR Code Be?
ZapPebble supports four pixel resolution presets for raster PNG output (128px, 256px, 512px, and 1024px) alongside resolution-independent SVG vector files.
Compact Digital
Email footers, app icon badges, and small web widgets viewed directly on high-DPI displays.
Standard Default
General website embeds, blog sidebars, presentation slide decks, and social media posts.
High-Resolution
Product packaging, restaurant table tents, event badges, and business cards (up to 4 inches).
Print-Ready Raster
Large posters, retail window displays, and banners where vector SVG workflow is unavailable.
A practical industry guideline for printed QR codes is a 10:1 ratio between viewing distance and physical size. For example, if you expect users to scan a QR code from 10 feet away (such as on an exhibition booth or poster), the printed code should be at least 1 foot (12 inches) wide.
Choose QR Colors Carefully
Smartphone cameras do not read color; they detect luminance contrast between dark foreground modules and the light background. Insufficient contrast is the single most common cause of failed scans.
Recommended Color Combinations
- Dark black (
#000000) on crisp white (#ffffff) provides optimal 21:1 contrast. - Deep navy, charcoal, or dark forest green on white or soft cream backgrounds.
- Always maintain a dark foreground over a lighter background for universal camera recognition.
Combinations to Avoid
- Inverted colors (white modules on a dark background) often fail on older phone cameras.
- Light pastels, yellow, light gray, or neon colors on white backgrounds.
- Low-contrast pairings like red on black or dark gray on navy.
Our generator continuously computes the mathematical contrast ratio between your selected foreground and background colors. If the ratio drops below 3.0:1, an alert appears warning that the combination may be unreadable by mobile camera sensors under typical lighting conditions.
Need to inspect exact color values or convert between hex and RGB? Use our Color Picker to find high-contrast color palettes.
Why the White Space Around a QR Code Matters
A QR code requires a clear buffer zone of solid background color surrounding its perimeter, known as the quiet zone. Without this empty border, camera decoders cannot distinguish where surrounding artwork, typography, or page borders end and the QR matrix begins.
Built-in Margin Protection in ZapPebble
ZapPebble automatically embeds a 2-module margin into every generated PNG and SVG file. When placing the downloaded QR code into Canva, Photoshop, or InDesign, do not crop or trim away this white border, and avoid overlapping background patterns or text boxes onto the code's perimeter.
PNG vs. SVG: Which QR Format Should You Use?
ZapPebble provides both raster (PNG) and vector (SVG) export options. Choosing the correct file format ensures maximum fidelity for your target medium.
PNG (Portable Network Graphics)
RasterStandard pixel-based format compatible with every digital platform, email client, website builder, and word processor. Choose PNG when sharing on social media, adding to digital PDFs, or embedding into web pages.
- Universal compatibility across all software.
- Fixed pixel dimensions (128px to 1024px).
- May blur if enlarged beyond its native export resolution.
SVG (Scalable Vector Graphics)
VectorMathematical XML-based vector format that scales infinitely without any loss of sharpness or pixelation. Choose SVG for professional print jobs, large-format billboard banners, trade show backdrops, and packaging.
- Zero resolution limits; razor-sharp at billboard scale.
- Small file size regardless of print dimensions.
- Native support in Adobe Illustrator, Figma, and vector plotters.
How to Make a QR Code Easier to Scan
Maximize scanning speed and reliability across various smartphone camera qualities by following these rules:
Keep Payloads Concise
Every additional character requires more data modules, creating a denser grid. Use concise URLs and brief text to keep modules large and easily scannable from distance.
Maintain High Contrast
Ensure the foreground is significantly darker than the background. Keep contrast ratios well above 3:1 to prevent failure in direct sunlight or dim environments.
Preserve the Quiet Zone
Never place surrounding text, icons, or borders right against the edge of the QR matrix. Leave the built-in margin intact when designing layouts.
Test Across Multiple Devices
Before printing thousands of copies, test your QR code with both iOS and Android cameras, as well as our QR / Barcode Scanner to verify decoding accuracy.
Why Isn't My QR Code Scanning?
Quick solutions to the most common scanning failures and troubleshooting steps:
Problem: Camera doesn't detect or outline the QR code
Cause: Low contrast between foreground and background colors, or an inverted color scheme (light modules on dark background).
Fix: Switch to standard dark foreground (#000000) on a white background (#ffffff) with a contrast ratio of 10:1 or higher.
Problem: Code is too dense and camera struggles to focus
Cause: Extremely long payload text or excessively high error correction (Level H) on a small printed size.
Fix: Shorten the URL, reduce error correction to Level M, or increase the physical print size.
Problem: Scanning prompts plain text instead of opening a website
Cause: The URL was entered as plain text without an https:// protocol prefix.
Fix: Select the Website URL tab in ZapPebble to ensure valid URL formatting.
Is This a Static or Dynamic QR Code?
ZapPebble generates 100% static QR codes. It is essential to understand how static codes differ from commercial dynamic services:
ZapPebble Static QR Codes
- Your raw data is directly encoded into the matrix dots.
- Works permanently; no monthly subscriptions or expiration dates.
- No middleman servers, no scan limits, and zero redirect latency.
- Cannot be edited after generation without printing a new code.
Commercial Dynamic QR Codes
- Encodes a redirect URL managed by a third-party server.
- Destination link can be edited remotely after printing.
- Tracks scan counts, geographic locations, and device types.
- Stops working if the third-party provider shuts down or charges a fee.
Your QR Data Stays in Your Browser
Many online QR code generators transmit your input text, URLs, and network credentials to remote servers to generate an image, often storing your data for marketing or analytics.
ZapPebble runs the entire QR matrix generation and raster/vector compilation locally inside your browser memory using lightweight client-side JavaScript. Your text, WiFi passwords, and phone numbers are never transmitted across the network, never logged, and never stored on any server.
Frequently Asked Questions
Related tools
Other utilities that pair well with QR Code Generator