Jak vytvořit QR kód s logem firmy — a je to pro skenování bezpečné
QR kód s logem uprostřed vypadá profesionálně a buduje důvěru. Ukazujeme, jak ho vytvořit, jak velká může být plocha pro logo, aby kód stále šel skenovat, a jak to udělat bez odesílání souboru na cizí server.
Říkám ti, jak to vidím po letech psaní těchto kódů pro klienty. Černobílý čtverec funguje. Skenuje se dokonale. Jen vypadá přesně stejně jako kód souseda, kód konkurence a kód na letáku, který ti někdo hodil do schránky. Žádný rozdíl.
A teď dej doprostřed logo. Člověk náhle vidí, čí to je kód, ještě než vůbec přiloží telefon. A skenuje ochotněji, protože vidí značku, kterou zná. Rozdíl v načtení může být značný.
Otázka, která se v této fázi vždy vyskytuje: „nezničí mi to skenování?“. Ne. Za předpokladu, že to neuděláte naporu.
Proč logo nevyhazuje celý QR kód s logem do vzduchu
Zde je malá magie, kterou stojí pochopit. Každý QR kód má v sobě zabudovanou opravu chyb. Je to takový nadbytečný balast dat, který umožňuje čtečce obnovit celek, i když je část kódu znečištěná, pomačkaná nebo něčím zakrytá.
Na nejvyšší úrovni (označuje ji písmenem „H") kód přežije zakrytí nějakých 30 % povrchu. Logo uprostřed obvykle požírá 20–25 %. To znamená, že se tam vejdete, a to s rezervou.
Dvě věci, kterých se vždy držím:
- Logo jde doprostřed. Nikdy do rohů. Tyto tři tlusté čtverce v rozích jsou značky pozice, podle nich čtečka pozná, kde je hora a kde dole. Zakryjete-li jeden, je konec, kód je mrtvý.
- Dejte logu bílý okraj. Tenká mezera kolem. Odděluje vaši grafiku od „pixelů“ kódu a opravdu pomáhá při čtení, zejména pokud má logo rozmazaný, nepravidelný tvar.
Práce krok za krokem
V cutty.dev to děláš při zkracování odkazu, protože QR kód je u každého odkazu automaticky. Jdeme na to:
- Zkrať odkaz nebo otevři ten, který už máš v panelu.
- Přejdi do sekce „QR kód“ na stránce pro editaci.
- Nahraj své logo (PNG, SVG, JPG, co máš). Umístí se doprostřed a oprava chyb se automaticky posune na vyšší úroveň. Nemusíš nic klikat.
- Vyber barvu kódu a pozadí odpovídající tvé značce.
- Stáhni si. PNG pro obrazovku a sociální sítě, SVG pro tisk (škáluje se bez ztráty ostrosti, takže na banner nebo roll-up ber právě SVG).
Náhled se obnovuje v reálném čase. Vidíte výsledek dříve, než cokoli uložíte na disk.
Pozor na toto: barvy tě mohou napálit
To je ten jediný okamžik, kdy lidé nejčastěji selhávají, takže poslouchej pozorně.
Skener nečte barvy. Čte kontrast. Kód můžeš třeba i pomalovat, ale drž se pravidla: tmavý kód na světlém pozadí. Ne obráceně. Světlý kód na tmavém pozadí sice zeskenuješ na svém vlajkovém telefonu, ale pak zákazník se starším Androidem stojí a nadává, protože mu nic nefunguje.
A nedávej barvu kódu příliš blízko barvě pozadí. Tmavě modrá na černé? Zapomeň. Čím větší kontrast, tím jistěji kód zachytí z větší vzdálenosti (a na webu obchodu nebo plakátu na zastávce to právě zá matter).
Skutečnost, o které vám nikdo neřekne: kde vaše logo končí
Většina generátorů kódů s logem vás přinutí nahrát soubor na jejich server. A zde se na vteřinu zastavte. Vaše firemní značka, někdy jediná pořádná vektorová verze, končí u cizího poskytovatele. A v obchodních podmínkách může být zapsáno právo na další použití tohoto souboru. Četl někdo ty obchodní podmínky někdy? No právě.
U nás kód vzniká ve vašem prohlížeči. Logo se nehýbe z vašeho počítače, nikam se neodesílá ani neukládá. Soubor zůstává váš.
Tisknete jednou, směrujete kam chcete
Na závěr rada, která vám někdy ušetří spoustu peněz při opětovném tisku.
Vytvářejte kód ze zkráceného odkazu, nikoliv ze surové, dlouhé adresy. Proč? Protože kód založený na krátkém odkazu můžete později změnit zevnitř. Změníte cíl odkazu v panelu a ten sam vytištěný kód náhle vede jinam. Skončila se akce? Přesměrujete na novou, aniž byste museli měnit letáky.
Kód vložený přímo do dlouhé adresy je zabetonovaný. Změna cíle = nový kód = nový tisk = nová faktura z tiskárny. Zamyslete se o tom, než si objednáte tisíc vizitek.