QR Guy
ブログ
チュートリアル••読了 15分

リンク用QRコードをオンラインで作成する方法:技術&実践決定版

任意のWebリンクやランディングページを、期限切れのない高解像度QRコードに変換する技術的・実践的なマスタークラス。

QG
QR Guy Engineering Team✓
Web Standards & Optical Systems
共有:
🌐
※ 以下の詳細な技術ガイド本文は英語の原典です。ジェネレーターやスキャナーツールはすべて日本語でご利用いただけます。

URL Hygiene & Matrix Density: Why Short Links Scan 3x Faster

The single biggest mistake marketers and designers make when creating a QR code for a link is pasting an excessively long, bloated URL containing dozens of session tokens, internal referral tags, and unnecessary parameters. In the optical world of 2D barcodes, character count dictates physical matrix density.

According to the ISO/IEC 18004 international specification, QR codes are structured into 40 distinct Versions. Version 1 is a 21x21 grid of modules. Every step up in version adds 4 modules per side, scaling all the way to Version 40 (a staggering 177x177 grid of modules). The more characters you encode into a link, the higher the version required:

Encoded URL Length QR Version Grid Matrix Size Total Modules Min Print Width (300 DPI) Optical Scan Recognition
1 – 25 chars (Clean/Short) Version 2 25 x 25 625 modules 15 mm (0.6 in) Instant (~50 ms) from 3+ feet
26 – 45 chars (Standard URL) Version 3 29 x 29 841 modules 20 mm (0.8 in) Fast (~80 ms) under all lighting
46 – 80 chars (URL + UTM) Version 5 37 x 37 1,369 modules 28 mm (1.1 in) Reliable (~150 ms); requires stable hold
81 – 140 chars (Long Query) Version 7 45 x 45 2,025 modules 35 mm (1.4 in) Moderate; requires good lighting & focus
141 – 250+ chars (Bloated Link) Version 10+ 57 x 57+ 3,249+ modules 50 mm+ (2.0 in+) Sluggish (~500 ms+); high failure rate if printed small

5 Golden Rules for URL Link Hygiene

Rule 1: Always Include the HTTPS Scheme Explicitly

Always encode https://example.com rather than bare example.com. While some modern smartphone cameras will heuristically recognize domain names without schemes, others treat schemeless text as raw alphanumeric strings, forcing the user to copy text instead of opening a clickable browser URL prompt.

Rule 2: Strip Default File Names and Redundant Trailing Slashes

Clean up unnecessary paths before generating. For example, replace https://mybrand.com/index.html with https://mybrand.com. Removing trailing clutter saves 10-15 characters, often dropping the QR matrix down an entire version number.

Rule 3: Cleanse Ephemeral Tracking IDs (fbclid, gclid, _hsenc)

If you copy a link from your browser address bar after clicking an ad or social post, it will likely contain temporary tracking parameters such as ?fbclid=IwAR2... or ?gclid=.... These click IDs are user-specific, single-session strings that add 60+ useless characters to your QR code and can cause destination redirect errors. Strip them completely!

Rule 4: Lowercase the Protocol and Domain Name

Domain names are case-insensitive by Internet DNS RFC standards (HTTPS://MYBRAND.COM resolves identically to https://mybrand.com). However, uppercase characters in URLs mixed with lowercase path parameters prevent QR encoders from switching into pure alphanumeric compression mode. Standardize everything to lowercase for maximum encoding efficiency.

Rule 5: Use Branded Short Vanity Domains for Maximum Long-Term Control

If your target URL has a long path (such as a 90-character link to a PDF report), consider setting up a permanent 301 redirect on your own branded short domain (e.g., https://acme.to/report). This keeps the QR code ultra-low density (fast to scan), while retaining 100% ownership on your server so you can update the destination link at any point in the future without paying a third party.

Step-by-Step: How to Generate a Permanent Link QR Code Online

Follow this step-by-step walkthrough to generate an authentic, permanent link QR code with zero subscription fees, zero sign-up requirements, and commercial-grade vector export using the free client-side suite at QR Guy Link Generator:

Step 1: Audit and Canonicalize Your Target Link

Preparation

Before generating your code, test your destination URL inside an incognito or private browser window. Verify that:

  • The page loads without requiring any login credentials or private session cookies.
  • The SSL/TLS certificate is valid and does not trigger browser security warnings.
  • The webpage is fully mobile-responsive, with fast loading speed and touch-friendly navigation.
  • The URL does not trigger unexpected 302 temporary redirects that might break in the future.
Recommended Format: https://yourdomain.com/landing-page

Step 2: Access QR Guy Link Studio & Select Payload Mode

Input

Navigate to qrguytool.com/link or open the main application and select the Link / URL tab. Paste your clean URL into the target input box. Notice that the application immediately compiles the matrix modules in real-time inside your browser using client-side JavaScript—no network requests are dispatched, ensuring 100% data privacy.

Step 3: Calibrate Reed-Solomon Error Correction Level

Integrity

Select the appropriate error correction level based on whether you plan to embed an icon or logo:

  • Standard Link (No Logo): Choose Level M (Medium ~15%). This provides an ideal balance of error resilience against minor scratches while maintaining large, easy-to-scan modules.
  • Branded Link (With Center Logo): Select Level H (High ~30%). High resilience ensures that the camera can reconstruct all data modules obscured by your embedded graphic.

Step 4: Verify Optical Contrast & Scannability Radar

Quality Check

If you customize colors or dot patterns, monitor the real-time Scannability Health Radar in the preview pane. The radar evaluates:

Contrast Ratio
Must exceed WCAG 4.5:1 (Target: 7:1+)
Quiet Zone
Minimum 4-module clear margin border
Corner Eyes
High-contrast, unobstructed finder patterns

Step 5: Add Optional Call-to-Action (CTA) Framing

Conversion

A bare QR code floating in white space without context suffers up to an 80% lower scan rate than one accompanied by clear instructions. Use the Frame tool to add an actionable prompt such as:

"SCAN FOR MENU" • "SCAN TO VISIT WEBSITE" • "SCAN FOR VIP DISCOUNT" • "SCAN TO DOWNLOAD APP"

Step 6: Export Master Vector SVG and 4K PNG Assets

Production

Under the Export dropdown, download your master files:

  • Vector SVG (Scalable Vector Graphics): For professional commercial print shops, Adobe Illustrator, InDesign, Figma, and laser engraving. Scales to any dimension without losing crispness.
  • High-Resolution PNG (300 DPI / 4K): For websites, PowerPoint presentations, social media, digital displays, and desktop office printers.

Tracking Link Scans with Free UTM Analytics (Without Paid Dynamic Services)

Commercial QR generator platforms claim you must pay them $20 to $60 every month for "Dynamic Analytics." This is completely untrue. You can track 100% of your link scans, user demographics, device models, geographic locations, and conversion goals completely free using standard Urchin Tracking Module (UTM) parameters natively integrated with Google Analytics 4 (GA4), Plausible, Matomo, or Cloudflare Web Analytics.

UTM parameters are query string variables appended to your destination URL. When a customer scans your printed flyer or product packaging, their phone passes these parameters to your website analytics platform, isolating physical offline traffic from standard web traffic:

UTM Parameter Analytical Purpose Standard Syntax Example Best Practice for QR Codes
utm_source Identifies the specific physical channel or platform. Always keep as qr so all physical scans aggregate together in reports.
utm_medium Identifies the physical medium or marketing vehicle. Use descriptors like flyer, packaging, billboard, or menu.
utm_campaign Identifies the specific promotional campaign or quarter. Use lowercase alphanumeric hyphenated names (e.g. spring-expo-2026).
utm_content Differentiates multiple placements within the same medium. Optional: Track specific table numbers, store branches, or flyer variants A/B.

4 Real-World Production UTM Link Templates

Use Case 1: Restaurant Tabletop Contactless Menu

Result in GA4: Traffic appears under Source: qr / Medium: tabletent. You can measure exact menu views and average session duration.

Use Case 2: Retail Product Packaging Unboxing & Registration

Result in GA4: Tracks how many physical customers who purchased a box actually register warranty online.

Use Case 3: Trade Show / Expo Roll-Up Banner

Result in GA4: Isolates exhibition booth foot-traffic leads from routine digital marketing channels.

Use Case 4: Direct Mail Postcard Seasonal Discount

Result in GA4: Directly attributes offline postcard delivery spend to online checkout conversion dollars.

Reed-Solomon Math: Error Correction Levels & Logo Embedding Physics

Every QR code contains built-in mathematical redundancy engineered through Reed-Solomon Error Correction Coding. This mathematical algorithm adds parity blocks to the data payload, allowing an optical scanner to reconstruct 100% of the encoded link even if portions of the physical code are scratched, torn, smudged, or covered by a central graphic logo.

The ISO/IEC 18004 specification defines four discrete error correction tiers. Understanding these levels is critical when designing a link QR code:

Error Correction Tier Data Recovery Capacity Matrix Density Impact Recommended Link Application
Level L (Low) ~7% recovery Lowest density (largest modules) Strictly for plain, clean links printed on high-quality paper without any center logo.
Level M (Medium) Balanced density The universal default for standard link QR codes without embedded graphics.
Level Q (Quartile) ~25% recovery High density Industrial environments, warehouse floors, or small icons covering ~10% of matrix.
Level H (High) ~30% recovery Highest density (smaller modules) Mandatory for center logos! Allows up to 30% of matrix data to be obscured by brand icons.

The "Dead Zone" Rule for Embedding Center Logos

When you embed a company logo in the center of a link QR code, the camera's decoding algorithm does not "see" a logo—it perceives damaged, missing, or corrupt data modules. The Reed-Solomon polynomial math calculates the missing information based on the remaining parity bits. To prevent catastrophic scan failures, observe these three structural rules:

1. Keep Logo Under 20-22% Area

Even though Level H provides 30% mathematical recovery, never exceed 20-22% physical area. The remaining 8-10% buffer is needed to absorb real-world dust, glare, and lens distortion.

2. Keep Finder Eyes 100% Clear

Never allow a logo or decorative graphic to touch or overlap the three large concentric square Finder Patterns in the corners or the horizontal/vertical Timing Tracks.

3. Add a Solid Contrast Boundary

Always surround the central logo with a clean 2-module solid white padding buffer. If dark pixels in your logo touch dark matrix modules, the camera's threshold filter will fail edge detection.

Visual Styling & Optical Contrast: 4 Inviolable Design Rules

Modern marketing demands beautiful branding, and black-and-white pixel grids often clash with sleek corporate visual guidelines. Fortunately, you can customize colors, gradient shaders, and module shapes using the QR Guy Styling Engine. However, creative freedom must never compromise optical physics:

Rule 1: Maintain a Minimum 4.5:1 Luminance Contrast Ratio (Target: 7:1+)

Smartphone camera sensors do not see colors the way human eyes do. During pre-processing, the camera converts the captured image into a greyscale binarized luminance map. If your foreground modules are light blue (#70A1FF) on a white background (#FFFFFF), human eyes might read it easily, but the camera sensor will perceive almost zero contrast, failing to decode the matrix.

Rule of Thumb: Always use dark foreground colors (charcoal, navy, forest green, deep purple, or black) against an ultra-light background (white, off-white, or pale cream).

Rule 2: Never Invert Matrix Colors (White Dots on Dark Background)

While the latest flagship iPhones running iOS 17+ can heuristically invert and decode light-on-dark QR codes, approximately 35% of all active Android handsets and virtually all legacy barcode decoders strictly adhere to the ISO standard requirement: dark modules on light background.

Inverting colors for a "dark mode aesthetic" on a printed flyer or packaging box is the #1 cause of unexplainable field scan failures. Never print white QR codes on dark paper!

Rule 3: Enforce the 4-Module "Quiet Zone" Margin Requirement

The "Quiet Zone" is the unbroken margin of empty background space surrounding the exterior perimeter of the QR matrix. According to the ISO/IEC 18004 standard, this margin must be at least 4 modules wide on all four sides.

If you crop your QR code flush against the corner finder eyes, or place text, borders, or artwork immediately adjacent to the edge, optical scanning software cannot establish where the surrounding graphic ends and where the matrix begins. Always preserve the quiet zone!

Rule 4: Preserve the 1:1:3:1:1 Optical Finder Pattern Ratio

While you can safely round the internal data dots into circles, hexagons, or smooth squircle shapes, the three large corner Finder Patterns must remain structurally intact. Optical scanner software looks specifically for the 1:1:3:1:1 module frequency ratio (1 black module, 1 white space, 3 black modules, 1 white space, 1 black module). Heavily distorting or distorting these corner eyes breaks instant camera autofocus.

Vector SVG vs 300 DPI PNG: Commercial Print vs Digital Deployment

Choosing the wrong file format when exporting your link QR code can ruin an expensive commercial print run. Raster images (PNG, JPEG, WebP) are composed of fixed pixel grids, whereas vector formats (SVG, EPS, PDF) are composed of mathematical coordinate paths:

File Format Asset Architecture Resolution Scalability Print Production Suitability Recommended Use Cases
Vector SVG (.svg) XML Mathematical Paths Infinite (0 to 100+ feet) Gold Standard (Pre-press ready) Commercial offset print, Adobe InDesign/Illustrator, product packaging, signage, vinyl decals.
Lossless Raster Bitmap (4K/300 DPI) Fixed pixel dimensions Acceptable for small print (< 2 in) Websites, email newsletters, digital slide decks, desktop office printers, social graphics.
WebP (.webp) Compressed Raster Bitmap Fixed web resolution Unsuitable for print Modern web pages requiring ultra-fast asset delivery.
JPEG (.jpg) Lossy DCT Compression Severely degraded edges Do not use! Avoid completely! Lossy compression artifacts create optical noise around module edges.

Why Vector SVG is Mandatory for Commercial Print Production

When a commercial printing press processes a raster PNG file, the RIP (Raster Image Processor) attempts to screen the pixels into halftones. This creates subtle microscopic blur and ink-bleed along module perimeters. By contrast, a Vector SVG exported from QR Guy specifies mathematical vector lines. The commercial printing press outputs razor-sharp edges at 1200 or 2400 DPI, ensuring instantaneous smartphone scanning even under poor lighting.

The 10:1 Distance Formula & Field Scannability Testing

How big should your printed link QR code be? Sizing is not a matter of visual guesswork; it is governed by optical focal length mathematics. The industry standard rule is the 10:1 Distance-to-Size Ratio:

Optical Sizing Formula
Minimum Width (S) = Scanning Distance (D) ÷ 10

For every 10 inches (or centimeters) of distance between the customer's smartphone camera and the QR code, the printed matrix must be at least 1 inch (or centimeter) wide.

Physical Application Typical Scanning Distance Minimum QR Code Size Recommended Error Correction Ideal Print Substrate
Business Cards / Badges 20 – 30 cm (8 – 12 in) Level M (Medium) Matte cardstock (avoid high gloss)
Restaurant Menus & Table Tents 40 – 50 cm (16 – 20 in) Level M or H (with logo) Matte laminated synthetic or wood
Retail Product Packaging Boxes 30 – 60 cm (12 – 24 in) Level H (High) SBS paperboard or direct corrugated print
Posters & Trade Show Banners 1.0 – 1.5 m (3 – 5 ft) Level M or H Non-reflective matte vinyl or fabric
Storefront Window Signage 2.0 – 3.0 m (6.5 – 10 ft) Level M (Medium) Opaque window vinyl with white backing
Highway Billboards / Stadium Displays 10 – 15 m (30 – 50 ft) Level L or M (Short URL) Outdoor billboard mesh vinyl

Real-World Environmental Scannability Checks

Beware of Specular Glare

High-gloss UV coatings, cellophane wraps, and metallic foils create mirror-like glare hotspots under bright restaurant downlights or sunlight. Use matte or soft-touch laminates to guarantee omnidirectional diffuse reflectance.

Account for Surface Curvature

Printing a QR code around a curved soda can, beer bottle, or flexible pouch warps the module grid into an ellipse. If curvature exceeds 30 degrees across the matrix width, the camera will fail perspective correction. Keep codes on flat facets.

Audit Low-Light Performance

Dimly lit environments (bars, cocktail lounges, evening events) force mobile camera sensors to increase ISO gain, creating image noise. Test your printed proofs under 20-50 lux lighting to ensure reliable autofocus detection.

Frequently Asked Technical & Commercial Questions

Can I edit the destination link of a static QR code after it is printed?

In a static QR code, the destination URL is physically hard-coded into the arrangement of black and white modules. Once printed on paper or packaging, the underlying characters cannot be modified. However, you can future-proof static codes for free by encoding a branded vanity URL on your own domain (e.g. yourbrand.com/promo). If you ever need to change the destination, simply update the HTTP 301 redirect on your own web server for free, without paying a third-party vendor.

Does creating a QR code for a link cost money or require a subscription?

No, absolutely not. The QR code specification (ISO/IEC 18004) is an open international standard. Generating a direct static link QR code on QR Guy is 100% free, runs entirely in your local browser, requires no account sign-up, and will never expire. You have full commercial rights to use the generated codes on retail packaging, merchandise, TV commercials, and billboards forever.

Is there any limit to how many times a link QR code can be scanned?

There are zero scan limits. Because a static link QR code is read directly by the user's mobile camera lens without contacting an intermediary vendor database, the code can be scanned 10 times, 100,000 times, or 100,000,000 times with zero throttling, zero bandwidth costs, and zero risk of shutdown.

Can I track scan analytics without cookies or GDPR consent banners?

Yes. By utilizing standard URL campaign tags (such as ?utm_source=qr&utm_medium=poster) paired with privacy-focused server-side analytics (such as Plausible, Cloudflare Web Analytics, or server-side Matomo), you can track scan volume, device types, and conversions without placing tracking cookies or triggering intrusive GDPR cookie banners.

What is the maximum character length for a link QR code?

A standard Version 40 QR code can theoretically encode up to 2,953 alphanumeric characters or 7,089 numeric digits. However, for practical commercial printing, you should always keep your destination link under 60 to 90 characters. Shorter links produce lower matrix versions with larger modules that scan in under 50 milliseconds from greater distances.

即時Webユーティリティ

今すぐQR Guyツールを体験

登録不要、クレジットカード不要、サーバーへのデータ送信ゼロ。ブラウザから直接ベクターQRコードを生成またはスキャンできます。

タグ:#Link to QR Code#URL QR Code#Tutorial#Web Marketing#UTM Analytics#Vector SVG#Error Correction#Print Quality
すべての記事に戻る
QG

QR Guy Engineering Team

QR Guyの開発チームは、追跡や有料制限のない、プライバシー重視の開発者向けWebツールの構築に取り組んでいます。

私たちの哲学について詳しく →