Wstawienie logo do kodu QR wygląda profesjonalnie — dopóki klienci nie zaczną zgłaszać, że kod nie działa. Przyczyną zazwyczaj nie jest samo logo, lecz logo w złym rozmiarze, złym miejscu lub ze zbyt małym kontrastem względem otaczających modułów. Ten poradnik omawia konkretne zasady, dzięki którym możesz budować markę kodu QR bez ryzyka utraty niezawodności skanowania.
Dlaczego logo psuje skanowanie (i dlaczego czasem nie)
Kody QR wykorzystują mechanizm zwany korekcją błędów, który pozwala tolerować fizyczne uszkodzenia lub zasłonięcie modułów. Istnieją cztery poziomy korekcji błędów:
| Poziom | Pojemność odtwarzania danych | Nadaje się do logo? |
|---|---|---|
| L | 7% | Nie |
| M | 15% | Ledwo |
| Q | 25% | Tak |
| H | 30% | Najlepszy wybór |
Gdy wstawiasz logo, celowo zasłaniasz moduły. Jeśli zakryty obszar przekroczy budżet korekcji błędów, dekoder zawiedzie. Poziom H daje największy zapas — korzystaj z niego zawsze, gdy planujesz dodać jakikolwiek graficzny element nakładkowy.
Kluczowa zasada: korekcja błędów nie daje nieograniczonej swobody zakrywania. Wyznacza twardy limit. Przekrocz go, a żadna obróbka programowa nie uratuje skanowania.
Reguła 30% — i dlaczego powinieneś zatrzymać się na 20%
Powszechnie cytowane zalecenie mówi, by logo nie przekraczało 30% całkowitej powierzchni kodu QR (co odpowiada pojemności poziomu H). W praktyce traktuj 20% jako swój roboczy limit z trzech powodów:
- Tolerancje druku. Druk offsetowy i cyfrowy powodują rozlewanie się tuszu. Logo, które na ekranie zajmuje 28%, po wchłonięciu farby na papierze może być większe.
- Bliskość wzorców wyszukiwania. Trzy kwadratowe „oczka" w narożnikach są absolutnie niezbędne do dekodowania. Każde logo, które na nie zachodzi, drastycznie obniża skuteczność skanowania — nawet jeśli procentowe pokrycie wygląda poprawnie.
- Naruszenie strefy ciszy. Pusta ramka wokół kodu jest częścią specyfikacji. Logo z zewnętrzną poświatą lub cieniem może wizualnie wkraczać w tę przestrzeń.
Ustaw logo na 20% całkowitej powierzchni kodu QR, upewnij się, że żadna krawędź nie dotyka wzorca wyszukiwania, a będziesz mieć komfortowy zapas bezpieczeństwa.
Umiejscowienie: środek nie zawsze jest odpowiedzią
Środkowe umiejscowienie jest standardem i sprawdza się dobrze w przypadku kwadratowych lub okrągłych logo. Warto jednak rozumieć, dlaczego środek jest preferowany: moduły o największej gęstości danych znajdują się przy krawędziach i narożnikach, natomiast obszar środkowy (z wyłączeniem wzorców taktowania) zazwyczaj zawiera dane redundantne, które korekcja błędów może łatwiej odtworzyć.
Kiedy środek nie działa:
- Logo jest orientacji poziomej (szerokie prostokąty wyśrodkowane poziomo zaczynają najeżdżać na wzorce taktowania powyżej i poniżej)
- Znak firmowy zawiera bardzo cienkie linie, które znikają po skalowaniu do rozmiaru odpowiadającego 20% powierzchni
Dla logo poziomych masz dwie opcje:
- Przytnij do wersji kwadratowej znaku do użycia wewnątrz kodu
- Umieść pełne logo poniżej kodu z odpowiednią strefą ciszy, zamiast nakładać je na kod — to czystsze rozwiązanie i zero ryzyka dla skanowania
Kontrast i kolor tła w strefie logo
Moduły otaczające logo muszą być nadal czytelne jako ciemne na jasnym tle (lub odwrotnie). Częstym błędem jest białe logo na białym tle, co pozostawia niejednoznaczną lukę, którą dekoder musi wypełnić wyłącznie przez korekcję błędów. Lepsze podejście:
- Nadaj logo jednolite, nieprzezroczyste tło, które pasuje lub jest bliskie jasnemu kolorowi kodu
- Zachowaj co najmniej 1-modułowy odstęp czystej jasnej przestrzeni między krawędzią logo a najbliższymi ciemnymi modułami
- Unikaj gradientów w logo, które sprawiają, że kolory modułów stają się niejednoznaczne przy granicy
Jeśli chcesz poznać zasady kontrastu dla całego kodu, szczegółowe omówienie znajdziesz w naszym przewodniku po kontraście kolorów kodu QR — znajdziesz tam minimalne współczynniki, orientacje ciemny-na-jasnym kontra jasny-na-ciemnym oraz kombinacje kolorów powodujące błędy przetwarzania przez kamery.
Fizyczny rozmiar i minimalny budżet pikselowy
Czytelność logo i niezawodność kodu QR zależą od tego, czy kod jest wydrukowany lub wyświetlony wystarczająco duży. Logo wciśnięte w kod 2 cm × 2 cm przy 20% pokryciu ma zaledwie około 4 mm szerokości — niewidoczne jako element brandingu, a mimo to pochłaniające budżet korekcji błędów.
Praktyczne minimalne rozmiary:
- Druk: kod QR nie mniejszy niż 3 cm × 3 cm, by logo było identyfikowalne
- Ekran: kod QR nie mniejszy niż 300 × 300 px przed dodaniem warstwy logo
- Billboard / duży format: skaluj logo proporcjonalnie; reguła 20% nadal obowiązuje — nie powiększaj go tylko dlatego, że masz miejsce
Testuj przed oddaniem do druku
Żadna zasada projektowania nie zastąpi testowania. Przed wysłaniem do druku:
- Wyeksportuj gotowy projekt w docelowej rozdzielczości druku
- Przetestuj co najmniej trzema aplikacjami: natywnym aparatem iOS, natywnym aparatem Android i jedną samodzielną aplikacją skanującą
- Testuj w różnych warunkach oświetleniowych (jasne górne światło, słabe oświetlenie otoczenia)
- Jeśli używasz kodu dynamicznego — który pozwala aktualizować docelowy adres URL bez ponownego drukowania — upewnij się, że przekierowanie nadal działa poprawnie
Kody dynamiczne są tu szczególnie istotne, ponieważ markowe kody często pojawiają się na opakowaniach lub materiałach drukowanych o długim cyklu życia. Jeśli cel się zmieni, dynamiczny kod QR pozwoli zaktualizować link bez przeprojektowywania i ponownego drukowania fizycznego materiału.
Takie markowe kody możesz budować bezpośrednio przez Generator kodów QR Super — z poziomem korekcji błędów H ustawionym domyślnie, gdy wykryte zostanie logo.
Najważniejsze wnioski
- Używaj poziomu korekcji błędów H zawsze, gdy wstawiasz logo
- Utrzymuj pokrycie logo na poziomie 20% całkowitej powierzchni kodu, nie teoretycznego maksimum 30%
- Nigdy nie pozwól, by logo zachodziło na trzy narożne wzorce wyszukiwania lub je tłoczyło
- Logo poziome lepiej umieścić poniżej kodu niż wyśrodkować wewnątrz niego
- Nadaj logo nieprzezroczyste tło i 1-modułowy odstęp, by uniknąć niejednoznaczności kontrastu
- Zawsze testuj na prawdziwych urządzeniach przed oddaniem do druku, szczególnie przy nakładach opakowaniowych
- Połącz markowy kod z dynamicznym adresem URL, by móc aktualizować cel bez przeprojektowywania