Client-Side QR Utility

QR Code Generator

Create customized, high-reliability QR codes for links, Wi-Fi networks, text, and contact information.

Payload Type

URL Plain Text Wi-Fi Email Phone SMS vCard

Full Name

Phone

Organization

Website

QR Settings

Error CorrectionLevel M

MarginStandard = 4 modules

Foreground

Background

Center LogoRecommended with High error correction

Live Preview

Good scan reliability

PNG Size21 × 21 modules

Local Processing
Your QR code is generated entirely in your browser.
Error Correction
Choose the balance between QR density and scan recovery.
PNG & SVG Export
Download raster or vector QR codes for digital or print use.

Educational Guide

Understanding QR Codes

Core Principles

Finder Patterns

The three large corner squares help scanners locate and orient the QR code.

Error Correction

Allows a QR code to remain readable even when part of it is damaged or covered.

Quiet Zone / Margin

Empty space around the QR code helps scanners separate it from surrounding content.

Technical Details

Deep dive into module dimensions, sync patterns, and polynomial correction.

Pattern	Structure	Role
Finder Patterns	1:1:3:1:1 concentric	Identifies orientation, scale, and angle of capture.
Timing Patterns	Alternating black/white	Calculates module coordinates and version grid size.
Quiet Zone	≥ 4 modules	Prevents visual noise from bleed or edge interference.
Alignment Dots	5×5 subgrid	Normalizes perspective distortion on curved surfaces.

Error Correction Reference

Approximate recovery capability across standard levels (not guarantees):

Level L~7% recovery

Level M~15% recovery

Level Q~25% recovery

Level H~30% recovery

PNG vs SVG

PNG

Best for: websites, emails, messaging, normal digital use.

SVG

Best for: print, packaging, posters, large-format scaling.

Developer Implementation

Developer Section

Generate QR codes programmatically using native libraries across major runtimes.

import QRCode from 'qrcode';

// Node.js with qrcode library
const svg = await QRCode.toString('https://toolporta.dev', {
  type: 'svg',
  errorCorrectionLevel: 'H',
  margin: 4,
  color: { dark: '#0f131c', light: '#ffffff' }
});

View implementation guidesISO/IEC 18004

Knowledge Base

Frequently Asked Questions

Common questions about static QR codes, error correction, and vector formats.

Never. ToolPorta generates standard static QR codes. The encoded text or URL is hardcoded into the matrix itself without intermediate redirects or subscriptions, so they will never expire.

Never. All QR generation and image processing occur 100% locally in your browser memory. No data is transmitted across the network.

Medium (Level M) is ideal for standard digital screens and clean prints. Use High (Level H) if you plan to add a center logo or expect physical wear and tear on outdoor print materials.

Always choose SVG for print materials. As a vector format, SVG scales infinitely to any size without blurriness or pixelation.

Yes. Center logos are fully supported. When adding a logo, Error Correction is set to High (Level H) to ensure the remaining modules can recover the occluded area for reliable scanning.

The most common causes are insufficient contrast between foreground and background colors, a margin that is too small, or an overly complex payload on a small print. Ensure high contrast and keep at least a standard margin.

PNG is a raster image composed of pixels, best for digital display, web pages, and emails. SVG is a mathematical vector format that scales losslessly to any resolution, making it the industry standard for professional print.

View all tools (15)

Encode / Decode