· 3 min

QR i bild eller grafik: integrering i design

Hur du integrerar en QR-kod i ett foto, en poster eller grafik utan att förlora skanbarhet. Bakgrund, kontrast, quiet zone.

QR på affisch, flyer, förpackning, HTML-e-post, presentation. Allt möjligt — med tre regler.

Snabbsvar

  • Quiet zone: ≥ 4 moduler vit marginal runt QR.
  • Kontrast: mörka moduler på ljus bakgrund. Minst 3:1.
  • Format: SVG för skalning, transparent PNG för överlagringar.
  • Aldrig QR på kaotiskt mönster.

Quiet zone — den okränkbara gränsen

ISO-standarden kräver en vit (eller ljus) marginal runt QR. 4 moduler = ~10% av QR-sidan.

Utan quiet zone upptäcker många skannrar inte koden alls.

Kontrast — järnregel

Idealiskt: svart QR på vit bakgrund. Acceptabelt: färgad QR på ljus bakgrund med kontrast ≥ 3:1. Nej: ljus QR på mörk, låg kontrast.

Format beroende på användning

Syfte Format
Tryck SVG
Tryck hög kvalitet PNG 300+ DPI
Web (HTML, email) SVG
Bakgrund med QR Transparent PNG
Animerad GIF/video PNG utan bakgrund, överlagrad

Detaljer: PNG vs SVG.

QR på poster

Minsta storlek i cm beror på skanavstånd:

Avstånd QR-storlek
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

Regel: storlek = avstånd / 10.

Detalj: Minsta QR-storlek.

QR på produktförpackning

  • Matt etikett bättre än glansig.
  • ECL Q eller H för slittålighet.
  • Aldrig i förpackningens vikningskant.

QR i HTML-utskick

Inkludera som PNG (inte SVG — vissa klienter visar inte). Justera med övrigt innehåll.

QR i fotografi (t.ex. reklamposter med foto)

Tre tekniker:

  1. Vit panel — QR i ljust kvadratiskt överlägg.
  2. Suddighet av området — under QR foto suddat till låg kontrast.
  3. Negativ — QR i vitt på mörkt foto (fungerar bara i vissa skannrar — risk).

Vanliga designermisstag

Ingen quiet zone

"Ser bättre ut utan marginal". Skannrar slutar se QR.

QR som bakgrund

Mönster på hela ytan med QR knappt synlig. Nej.

Text eller grafik över QR

Endast centrerad logo. Aldrig annat innehåll inuti koden.

För liten QR

Under minimum oskannbar.

Färg + logo + låg korrigering

Stressar QR från tre håll. Välj högst två.

Live-produkttest

Skriv ut prototyp i slutgiltig storlek. Skanna med 3 telefoner, från 3 avstånd, i 2 ljusförhållanden.

Logodetalj: QR med logo.

Vanliga frågor

Transparent QR på foto? Endast om bakgrunden under modulerna förblir tillräckligt ljus.

Kan jag rotera QR? Ja. Skannrar läser i alla rotationer tack vare de tre ögonen.

QR dolt i grafik? Rekommenderas inte. Skanbarhet minskar.

Fungerar färgad QR? Ja — med bibehållen 3:1 kontrast.

QR med fasade hörn eller cirkel? Icke-standard. Vissa skannrar kommer att avvisa.

Sammanfattning

Quiet zone, kontrast, format — tre pelare för QR i design. Resten är estetik.

Skapa väldesignade QR gratis: qrcito.com

← Tillbaka till bloggen