· 3 min

QR w zdjęciu lub grafice: integracja w projekt

Jak umieścić kod QR w zdjęciu, plakacie lub grafice bez utraty skanowalności. Tło, kontrast, quiet zone.

QR w plakacie, ulotce, opakowaniu, e-mailu HTML, prezentacji. Wszystko możliwe — z trzema zasadami.

Szybka odpowiedź

  • Quiet zone: ≥ 4 moduły białego marginesu wokół QR.
  • Kontrast: ciemne moduły na jasnym tle. Minimum 3:1.
  • Format: SVG dla skalowania, PNG transparentne dla nakładek.
  • Nigdy nie umieszczaj QR na chaotycznym wzorze.

Quiet zone — granica nietykalna

Standard ISO wymaga białej (lub jasnej) ramki wokół QR. 4 moduły = ~10% boku QR.

Bez quiet zone wiele skanerów w ogóle nie wykrywa kodu.

Kontrast — żelazna zasada

Idealnie: czarny QR na białym tle. Akceptowalnie: kolorowy QR na jasnym tle z kontrastem ≥ 3:1. Nie: jasny QR na ciemnym, niski kontrast.

Format zależnie od użycia

Cel Format
Druk SVG
Druk wysokiej jakości PNG 300+ DPI
Web (HTML, e-mail) SVG
Tło z QR PNG transparentne
Animowane GIF/video PNG bez tła, nałożone

Szczegóły: PNG vs SVG.

QR na plakacie

Minimalny rozmiar w cm zależy od odległości skanowania:

Odległość Rozmiar QR
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

Reguła: rozmiar = odległość / 10.

Detal: Minimalny rozmiar QR.

QR na opakowaniu produktu

  • Etykieta matowa lepiej niż błyszcząca.
  • ECL Q lub H dla odporności na uszkodzenia.
  • Nigdy w zgięciu opakowania.

QR w mailingu HTML

Wbuduj jako PNG (nie SVG — niektóre klienty go nie wyświetlają). Wyrównanie z resztą treści.

QR w fotografii (np. plakat reklamowy ze zdjęciem)

Trzy techniki:

  1. Biały panel — QR w jasnym kwadracie nakładce.
  2. Rozmycie obszaru — pod QR zdjęcie rozmyte do niskiego kontrastu.
  3. Negatyw — QR w bieli na ciemnym zdjęciu (działa tylko w niektórych skanerach — ryzyko).

Częste błędy projektantów

Brak quiet zone

"Wygląda lepiej bez marginesu". Skanery przestają widzieć QR.

QR jako tło

Wzór na całej powierzchni z QR ledwo widocznym. Nie.

Tekst lub grafika na QR

Tylko wycentrowane logo. Nigdy inne treści w obrębie kodu.

QR zbyt mały

Pod minimum nieskanowalny.

Kolor + logo + niska korekcja

Stresuje QR z trzech stron. Wybierz najwyżej dwa.

Test produktu na żywo

Wydrukuj prototyp w finalnym rozmiarze. Skanuj z 3 telefonów, z 3 odległości, w 2 warunkach świetlnych.

Detal o logo: QR z logo.

Najczęstsze pytania

QR przezroczysty na zdjęciu? Tylko jeśli tło pod modułami pozostaje wystarczająco jasne.

Mogę obrócić QR? Tak. Skanery odczytują w każdym obrocie dzięki trzem oczom.

QR ukryty w grafice? Niewskazane. Skanowalność spada.

Kolorowy QR działa? Tak — z zachowaniem kontrastu 3:1.

QR ze ściętymi rogami lub kółko? Niestandardowy. Niektóre skanery odrzucą.

Podsumowanie

Quiet zone, kontrast, format — to trzy filary QR w designie. Reszta to estetyka.

Twórz dobrze zaprojektowane QR za darmo: qrcito.com

← Wróć do bloga