· 3 min

QR v obrázku nebo grafice: integrace do designu

Jak umístit QR kód do fotky, plakátu nebo grafiky bez ztráty skenovatelnosti. Pozadí, kontrast, quiet zone.

QR na plakátu, letáku, obalu, HTML emailu, prezentaci. Vše možné — se třemi pravidly.

Rychlá odpověď

  • Quiet zone: ≥ 4 moduly bílého okraje kolem QR.
  • Kontrast: tmavé moduly na světlém pozadí. Minimálně 3:1.
  • Formát: SVG pro škálování, PNG transparentní pro překryvy.
  • Nikdy QR na chaotickém vzoru.

Quiet zone — nedotknutelná hranice

Standard ISO vyžaduje bílý (nebo světlý) okraj kolem QR. 4 moduly = ~10% strany QR.

Bez quiet zone mnoho skenerů kód vůbec nedetekuje.

Kontrast — železné pravidlo

Ideál: černý QR na bílém pozadí. Přijatelné: barevný QR na světlém pozadí s kontrastem ≥ 3:1. Ne: světlý QR na tmavém, nízký kontrast.

Formát podle použití

Účel Formát
Tisk SVG
Tisk vysoké kvality PNG 300+ DPI
Web (HTML, email) SVG
Pozadí s QR Transparentní PNG
Animovaný GIF/video PNG bez pozadí, překryté

Detaily: PNG vs SVG.

QR na plakátu

Minimální velikost v cm závisí na vzdálenosti skenování:

Vzdálenost Velikost QR
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

Pravidlo: velikost = vzdálenost / 10.

Detail: Minimální velikost QR.

QR na obalu produktu

  • Matová etiketa lepší než lesklá.
  • ECL Q nebo H pro odolnost vůči poškození.
  • Nikdy na ohybu obalu.

QR v HTML mailingu

Vložte jako PNG (ne SVG — některé klienty ho nezobrazují). Zarovnání s ostatním obsahem.

QR ve fotografii (např. reklamní plakát s fotkou)

Tři techniky:

  1. Bílý panel — QR ve světlém čtverci jako překryv.
  2. Rozostření oblasti — pod QR fotka rozostřená na nízký kontrast.
  3. Negativ — QR bíle na tmavé fotce (funguje jen v některých skenerech — riziko).

Časté chyby designérů

Žádná quiet zone

"Vypadá lépe bez okraje". Skenery přestanou QR vidět.

QR jako pozadí

Vzor po celé ploše s QR sotva viditelným. Ne.

Text nebo grafika přes QR

Pouze vycentrované logo. Nikdy jiný obsah uvnitř kódu.

Příliš malý QR

Pod minimum neskenovatelný.

Barva + logo + nízká korekce

Stresuje QR ze tří stran. Vyberte maximálně dvě.

Test produktu naživo

Vytiskněte prototyp ve finální velikosti. Skenujte z 3 telefonů, 3 vzdáleností, 2 světelných podmínek.

Detail loga: QR s logem.

Časté otázky

Průhledný QR na fotce? Pouze pokud pozadí pod moduly zůstane dostatečně světlé.

Mohu QR otočit? Ano. Skenery čtou v libovolné rotaci díky třem očím.

QR skrytý v grafice? Nedoporučuje se. Skenovatelnost klesá.

Funguje barevný QR? Ano — se zachováním kontrastu 3:1.

QR se zkosenými rohy nebo kruh? Nestandardní. Některé skenery odmítnou.

Shrnutí

Quiet zone, kontrast, formát — tři pilíře QR v designu. Zbytek je estetika.

Vytvářejte dobře designované QR zdarma: qrcito.com

← Zpět na blog