· 3 min

QR în imagine sau grafică: integrare în design

Cum încadrezi un cod QR într-o fotografie, poster sau grafică fără să pierzi scanabilitatea. Fundal, contrast, quiet zone.

QR pe poster, flyer, ambalaj, e-mail HTML, prezentare. Toate posibile — cu trei reguli.

Răspuns rapid

  • Quiet zone: ≥ 4 module de margine albă în jurul QR.
  • Contrast: module întunecate pe fundal deschis. Minim 3:1.
  • Format: SVG pentru scalare, PNG transparent pentru suprapunere.
  • Niciodată QR pe un model haotic.

Quiet zone — granița sacră

Standardul ISO cere o bandă albă (sau deschisă) în jurul QR. 4 module = ~10% din latura QR.

Fără quiet zone multe scannere nu detectează deloc codul.

Contrast — regula de fier

Ideal: QR negru pe fundal alb. Acceptabil: QR colorat pe fundal deschis cu contrast ≥ 3:1. Nu: QR deschis pe închis, contrast scăzut.

Format după utilizare

Scop Format
Tipărire SVG
Tipărire înaltă calitate PNG 300+ DPI
Web (HTML, email) SVG
Fundal cu QR PNG transparent
GIF/video animat PNG fără fundal, suprapus

Detalii: PNG vs SVG.

QR pe poster

Mărime în cm depinde de distanța de scanare:

Distanță Mărime QR
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

Regula: mărime = distanță / 10.

Detaliu: Dimensiune minimă cod QR.

QR pe ambalaj produs

  • Etichetă mată mai bună decât lucioasă.
  • ECL Q sau H pentru rezistență la deteriorare.
  • Niciodată pe pliul ambalajului.

QR în mailing HTML

Inserează ca PNG (nu SVG — unele clienturi nu afișează). Aliniere cu restul conținutului.

QR în fotografie (ex: poster publicitar cu fotografie)

Trei tehnici:

  1. Panou alb — QR într-un pătrat deschis suprapus.
  2. Estompează zona — sub QR fotografia estompată la contrast scăzut.
  3. Negativ — QR în alb pe fotografie întunecată (funcționează doar în unele scannere — risc).

Erori frecvente ale designerilor

Lipsa quiet zone

"Arată mai bine fără margine". Scannerele nu mai văd QR-ul.

QR ca fundal

Pattern pe toată suprafața cu QR vizibil parțial. Nu.

Text sau grafică peste QR

Doar logo centrat. Nicio altă conținut în interiorul codului.

QR prea mic

Sub minim nescanabil.

Culoare + logo + corecție mică

Stresează QR-ul din trei părți. Alege maxim două.

Test produs live

Tipărește prototipul la mărimea finală. Scanează cu 3 telefoane, de la 3 distanțe, în 2 condiții de iluminare.

Detaliu despre logo: QR cu logo.

Întrebări frecvente

QR transparent pe fotografie? Doar dacă fundalul sub module rămâne suficient de deschis.

Pot roti QR? Da. Scannerele citesc în orice rotație datorită celor trei ochi.

QR ascuns în grafică? Nerecomandat. Scanabilitatea scade.

QR colorat funcționează? Da — păstrând contrast 3:1.

QR cu colțuri tăiate sau cerc? Nestandard. Unele scannere îl resping.

Concluzie

Quiet zone, contrast, format — sunt trei piloni ai QR în design. Restul e estetică.

Creează QR bine designat gratis: qrcito.com

← Înapoi la blog