Hur man skapar en QR-kod med företagslogotyp — och är det säkert att skanna den

Jag ska säga dig hur jag ser på det efter år av att ha skapat dessa koder för kunder. Den svartvita kvadraten fungerar. Den skannas perfekt. Men den ser exakt likadan ut som grannens kod, konkurrentens kod och koden på lappen som någon kastade i din brevlåda. Ingen skillnad.

Och plac nu en logotyp i mitten. Plötsligt ser man ve koden tillhör innan man ens håller upp telefonen. Och man skannar mer villigt, eftersom man ser ett varumärke man känner igen. Skillnaden i avläsningar kan vara betydande.

Frågan som alltid ställs i det här skedet: ”kommer inte detta att förstöra min skanning?”. Nej. Förutsatt att du inte gör det på måfå.

Varför spränger inte logotypen hela QR-koden med logotypen i luften

Här är en liten magi som det är värt att förstå. Varje QR-kod har inbyggd felrättning. Det är en sorts överflödig datamängd som gör att läsaren kan återskapa helheten, även om en del av koden är smutsig, skrynklig eller täckt av något.

På den högsta nivån (markerad med bokstaven ”H”) kommer koden att överleva täckning av ungefär 30 % av ytan. Logotypen i mitten tar vanligtvis upp 20–25 %. Det betyder att du får plats, och det med god marginal.

Två saker som jag alltid håller fast vid:

1. Logotypen ska placeras i mitten. Aldrig i hörnen. Dessa tre tjocka kvadrater i hörnen är positionsmarkörer; tack vare dem kan läsaren avgöra vad som är upp och vad som är ner. Om du täcker över en är det kört, koden är död.
2. Ge logotypen en vit ram. En tunn marginal runt om. Det separerar din grafik från kodens "pixlar" och hjälper verkligen vid avläsning, särskilt när logotypen har en fransig, oregelbunden form.

Steg för steg-arbete

I cutty.dev gör du detta samtidigt som du förkortar länken, eftersom en QR-kod automatiskt finns med vid varje länk. Nu kör vi:

1. Förkorta länken eller öppna en som du redan har i panelen.
2. Gå till avsnittet ”QR-kod” på redigeringssidan.
3. Ladda upp din logotyp (PNG, SVG, JPG, vad du än har). Den hamnar i mitten, och felkorrigeringen höjs automatiskt till en högre nivå. Du behöver inte klicka på något.
4. Anpassa färgen på koden och bakgrunden efter ditt varumärke.
5. Ladda ner. PNG för skärm och sociala medier, SVG för tryck (skalar utan förlust av skärpa, så för banderoller eller roll-ups är det just SVG du ska välja).

Förhandsvisningen uppdateras i realtid. Du ser resultatet innan något landar på disken.

Var försiktig med detta: färger kan lura dig

Det här är det ögonblick då folk oftast misslyckas, så lyssna noga.

Skannern läser inte färger. Den läser kontrast. Du kan måla koden om du vill, men håll regeln: mörk kod på ljus bakgrund. Inte tvärtom. Ljus kod på mörk bakgrund, visst, det kommer att skannas på din flaggskeppsmobil, men sedan står en kund med en äldre Android och svär för att inget fångas upp.

Och plac inte kodens färg för nära bakgrundsfärgen. Marinblått på svart? Glöm det. Ju större kontrast, desto säkrare fångas koden på längre avstånd (och på en webbplats eller en affisch vid en busshållplats är det faktiskt betydelsefullt).

Saken som ingen kommer att berätta för dig: var din logotyp hamnar

De flesta logotypgeneratorer kräver att du laddar upp en fil på deras server. Och här bör du stanna upp en sekund. Ditt varumärke, ibland den enda ordentliga vektorversionen, hamnar hos en främmande leverantör. Och i användarvillkoren kan det finnas skrivet en rätt att fortsätta använda den här filen. Har någon någonsin läst de användarvillkoren? Precis.

Hos oss skapas koden i din webbläsare. Logotypen lämnar inte din dator, den skickas inte någonstans och sparas inte. Filen förblir din.

Skriv ut en gång, dirigera vart du vill

Till sist ett råd som en dag kommer att spara dig mycket pengar vid omtryck.

Skapa koden från en förkortad länk, inte från den råa, långa adressen. Varför? För att en kod baserad på en kort länk kan du senare byta ut inifrån. Du ändrar målet för länken i panelen, och samma utskrivna kod leder plötsligt någon annanstans. Avslutades kampanjen? Du omdirigerar till en ny, utan att behöva röra flygbladen.

Kod som är inbäddad direkt i en lång adress är permanent. Ändrat mål = ny kod = ny tryckning = ny faktura från tryckeriet. Tänk på det innan du beställer tusen visitkort.