Personalizacja kodów QR w QR2GO: kolory, logo, rozmiar, korekcja błędów i najlepsze praktyki
Dowiedz się, jak dostosować kody QR w QR2GO — od kolorów marki i nakładek z logo po poziomy korekcji błędów i rozmiar — zachowując ich pełną skanowalność.
Dlaczego warto personalizować kod QR?
Zwykły czarno-biały kod QR działa, ale nie komunikuje Twojej marki. Spersonalizowane kody QR przyciągają więcej skanów, ponieważ wyglądają celowo, profesjonalnie i wiarygodnie. Badania konsekwentnie pokazują, że kody QR z elementami marki generują nawet o 30% więcej skanów niż standardowe.
QR2GO daje Ci pełną kontrolę nad kolorami, logo, rozmiarem, korekcją błędów i marginesami — wszystko z jednego ekranu z podglądem na żywo, który aktualizuje się w miarę wprowadzania zmian.
Personalizacja kolorów
Kolor pierwszego planu
Kolor pierwszego planu jest stosowany do ciemnych modułów (kwadratów tworzących wzór QR). Możesz ustawić dowolny kolor, pod warunkiem zachowania silnego kontrastu z tłem.
Bezpieczne wybory:
- Czarny (#000000) — uniwersalny, najwyższy kontrast
- Ciemny granat (#1a1a2e) — profesjonalny, nowoczesny
- Ciemna zieleń (#064e3b) — naturalny, marki ekologiczne
- Ciemny kolor firmowy — użyj głównego koloru marki, jeśli jest wystarczająco ciemny
Unikaj:
- Pastelowych lub jasnych kolorów — zmniejszają kontrast i powodują problemy ze skanowaniem
- Żółtego lub jasnopomarańczowego — skrajnie słaba widoczność na białym tle
- Kolorów z przezroczystością — półprzezroczyste moduły dezorientują skanery
Kolor tła
Tło powinno być zawsze jaśniejsze od pierwszego planu. Biały (#ffffff) to najbezpieczniejszy wybór, ale jasne odcienie też się sprawdzą.
Dopuszczalne tła:
- Czysty biały (#ffffff)
- Bardzo jasny szary (#f5f5f5)
- Jasny odcień firmowy (#fef3c7 dla ciepłego kremu, #eff6ff dla chłodnego błękitu)
Unikaj:
- Średnich lub ciemnych teł — odwracają oczekiwany kontrast
- Przezroczystych teł — w niektórych kontekstach (ciemne strony internetowe, kolorowy papier) skanowalność zostanie zaburzona
Kontrola kontrastu
QR2GO posiada wbudowany wskaźnik kontrastu. Jeśli wybrana kombinacja spadnie poniżej bezpiecznego progu, zobaczysz ostrzeżenie. Zawsze respektuj to ostrzeżenie — piękny kod, który się nie skanuje, jest gorszy od zwykłego, który działa.
Matematyka kontrastu
Skanery QR działają poprzez wykrywanie różnicy luminancji między sąsiednimi modułami. Minimalny zalecany współczynnik kontrastu to 4:1, ale dla niezawodności na starszych urządzeniach, w warunkach zewnętrznych i w materiałach drukowanych celuj w 7:1 lub więcej.
| Współczynnik kontrastu | Niezawodność | Zalecane zastosowanie |
|---|---|---|
| 3:1 lub niższy | Niska — częste błędy | Nigdy nie używaj |
| 4:1 – 5:1 | Akceptowalna — działa na większości nowoczesnych telefonów | Wyłącznie cyfrowe, idealne warunki |
| 5:1 – 7:1 | Dobra — niezawodna na różnych urządzeniach | Ogólne zastosowanie |
| 7:1+ | Doskonała — maksymalna kompatybilność | Druk, outdoor, dowolne warunki |
Logo i nakładka graficzna
Dodawanie logo
QR2GO pozwala przesłać plik logo (PNG, SVG lub JPEG), który zostanie umieszczony na środku kodu QR. Logo zajmuje czysty prostokątny obszar, a otaczające moduły są dostosowane, aby skanery mogły nadal dekodować wzór.
Obsługiwane formaty logo
| Format | Przezroczystość | Najlepsze zastosowanie |
|---|---|---|
| PNG | Tak (kanał alfa) | Logo z przezroczystym tłem |
| SVG | Tak | Ostre logo w dowolnej skali |
| JPEG | Nie | Zdjęcia lub logo bez przezroczystości |
Zasady dotyczące rozmiaru logo
Logo nie może zajmować więcej niż 20–25% całkowitej powierzchni kodu QR. Większe logo niszczy zbyt wiele modułów i uniemożliwia skanowanie, nawet przy najwyższym poziomie korekcji błędów.
Zalecany przebieg pracy:
- Prześlij logo.
- QR2GO automatycznie ustawia korekcję błędów na H (30% odzyskiwania).
- Sprawdź podgląd na żywo — jeśli logo wygląda nieproporcjonalnie duże, zmniejsz je.
- Zeskanuj podgląd telefonem przed pobraniem.
Wskazówki dotyczące projektu logo
- Użyj prostej, rozpoznawalnej ikony zamiast pełnego logotypu tekstowego. Złożone logo z drobnymi szczegółami mogą być niewidoczne przy małych rozmiarach kodu QR.
- Upewnij się, że logo ma czyste tło — przezroczyste pliki PNG lub SVG działają najlepiej.
- Dodaj niewielki margines wokół logo, aby nie wchodziło na otaczające moduły.
- Unikaj logo o kolorach zbliżonych do koloru pierwszego planu kodu QR, ponieważ wtapiają się one i dezorientują skanery.
Poziomy korekcji błędów
Korekcja błędów to mechanizm pozwalający kodowi QR pozostać skanowalnym nawet wtedy, gdy część jego powierzchni jest uszkodzona, zabrudzona lub zasłonięta logo. QR2GO obsługuje wszystkie cztery standardowe poziomy:
Poziom L — Niski (7% odzyskiwania)
- Generuje najmniejszy, najprostszy wzór.
- Idealny do zastosowań wyłącznie cyfrowych, gdzie kod nie będzie fizycznie uszkodzony.
- Nie używaj, jeśli planujesz dodać logo.
Poziom M — Średni (15% odzyskiwania)
- Domyślny poziom w QR2GO.
- Odpowiedni do kodów ogólnego zastosowania na czystych powierzchniach.
- Toleruje drobne zabrudzenia lub niewielkie zużycie.
Poziom Q — Kwartylowy (25% odzyskiwania)
- Zalecany dla kodów na opakowaniach, naklejkach lub powierzchniach, które mogą ulec zarysowaniu.
- Może obsłużyć małe logo, jeśli jest starannie umieszczone.
Poziom H — Wysoki (30% odzyskiwania)
- Maksymalna odporność.
- Wymagany przy osadzaniu logo lub dowolnego elementu graficznego.
- Generuje gęstszy wzór — kod QR będzie musiał być wydrukowany nieco większy.
- Najlepszy wybór do tablic zewnętrznych, etykiet produktowych i każdego kodu narażonego na fizyczne zużycie.
Jak wybrać
Zadaj sobie dwa pytania:
- Czy będzie logo? → Użyj H.
- Czy kod będzie drukowany na powierzchni, która może ulec uszkodzeniu? → Użyj Q lub H.
Jeśli żaden z tych przypadków nie ma zastosowania, M to rozsądna wartość domyślna.
Rozmiar i rozdzielczość
Rozmiar wyjściowy
QR2GO pozwala ustawić rozmiar wyjściowy w pikselach. Odpowiedni rozmiar zależy od zastosowania:
| Zastosowanie | Zalecany rozmiar | Format |
|---|---|---|
| Wizytówka | 300 × 300 px (lub SVG) | Preferowany SVG |
| Strona internetowa lub e-mail | 512 × 512 px – 1024 × 1024 px | PNG |
| Plakat (A3 / A2) | SVG (skaluje się do dowolnego rozmiaru) | SVG |
| Media społecznościowe | 1024 × 1024 px | PNG |
Zasada ogólna: Do druku zawsze pobieraj SVG. Do zastosowań cyfrowych pobieraj PNG o szerokości co najmniej 512 px.
DPI do druku
Importując kod QR do projektu drukowanego, upewnij się, że rozdzielczość wyjściowa wynosi 300 DPI lub więcej. Przy 300 DPI plik PNG 900 × 900 px drukuje się w formacie 3 × 3 cale (7,6 × 7,6 cm) — odpowiednim do ulotek i menu. Dla większych formatów drukowanych używaj SVG, aby uniknąć ograniczeń rozdzielczości.
Strefa ciszy (margines)
Strefa ciszy to puste miejsce otaczające kod QR. Informuje skaner, gdzie kończy się kod i zaczyna otaczający projekt. QR2GO ustawia domyślną strefę ciszy na cztery moduły, co spełnia wymagania specyfikacji ISO 18004.
Dlaczego to ważne
- Zbyt wąska: Skaner może zinterpretować pobliski tekst, obrazy lub obramowania jako część kodu, powodując błędy.
- Zbyt szeroka: Marnuje miejsce, ale nie powoduje problemów.
Najlepsza praktyka
Zachowaj domyślną strefę ciszy czterech modułów. Jeśli umieszczasz kod QR w ciasnym układzie (np. na wizytówce), upewnij się, że żaden tekst, obraz ani kolorowa ramka nie wchodzi w ten margines.
Zasady projektowania — co robić, a czego unikać
Zalecenia
- Zachowuj kontrast ciemne-na-jasnym na poziomie 7:1 lub wyższym.
- Używaj kolorów firmowych, jeśli przechodzą kontrolę kontrastu.
- Testuj na prawdziwych urządzeniach po każdej zmianie projektu.
- Używaj SVG do wszystkich zastosowań drukowanych.
- Utrzymuj logo poniżej 20% powierzchni kodu QR.
- Dodaj wezwanie do działania w pobliżu kodu („Zeskanuj po menu", „Zeskanuj, aby się połączyć").
Czego unikać
- Nie stosuj gradientów na modułach QR — zmniejszają ostrość krawędzi.
- Nie odwracaj kolorów (jasny pierwszy plan na ciemnym tle).
- Nie zakrywaj trzech wzorów pozycjonujących (dużych kwadratów w rogach).
- Nie polegaj wyłącznie na podglądzie ekranowym — zawsze testuj skanowanie na żywo.
- Nie zmniejszaj kodu poniżej 2 × 2 cm przy druku do skanowania z bliskiej odległości.
- Nie redukuj strefy ciszy poniżej czterech modułów.
Przykłady z praktyki
Stojak na stolik w kawiarni
Kawiarnia używa kodu QR prowadzącego do cyfrowego menu. Kod ma ciemnobrązowy (#3e2723) pierwszy plan na kremowym (#fff8e1) tle, z logo kawiarni na środku. Korekcja błędów ustawiona jest na H, a kod wydrukowany w formacie 4 × 4 cm na składanej karcie — wystarczająco dużej do skanowania z 30 cm.
Firmowa wizytówka
Firma konsultingowa umieszcza kod QR vCard na odwrocie wizytówek. Kod używa firmowego granatu (#0d47a1) na białym tle, z małym monogramem. Plik SVG jest importowany do projektu karty w rozmiarze 2,5 × 2,5 cm, a strefa ciszy jest zachowana dzięki 3 mm białej przestrzeni wokół kodu.
Plakat eventowy
Festiwal muzyczny umieszcza kody QR na plakatach A2 w całym mieście. Kody prowadzą do strony zakupu biletów i używają jaskrawoczerwonego (#b71c1c) na białym tle dla maksymalnej widoczności. Logo nie jest stosowane, ponieważ duża odległość skanowania (2+ metrów) wymaga czystego wzoru o niskiej gęstości. Kod jest drukowany w formacie 20 × 20 cm.
Podsumowanie
Personalizacja kodu QR w QR2GO jest prosta: wybierz kolory, prześlij logo, ustaw poziom korekcji błędów i pobierz. Kluczem do sukcesu jest zachowanie równowagi między identyfikacją wizualną a skanowalnością. Zawsze testuj spersonalizowany kod na wielu urządzeniach przed drukiem, a w razie wątpliwości zwiększ kontrast, podnieś poziom korekcji błędów i drukuj większy.
Gotowy, aby zaprojektować swój firmowy kod QR? Otwórz QR2GO i zacznij personalizację teraz.