Så gör du en QR-kod med logotyp som fortfarande skannas

Varför en logotyp överhuvudtaget får ligga på en QR-kod

QR-koder bär överflödig data. Specifikationen bygger in felkorrigering så att en kod läses även när en del är smutsig, riven, skrynklig eller täckt — formatet togs fram för en fabriksgolv, inte för en designportfölj. En logotyp gör inget annat än att medvetet förbruka en del av den marginalen.

Frågan är alltså aldrig ”kan jag lägga till en logotyp” utan ”hur mycket marginal förbrukar jag, och på vad”.

De fyra korrigeringsnivåerna och vad de kostar

Varje QR-kod skapas på en av fyra felkorrigeringsnivåer, som återställer ungefär 7 %, 15 %, 25 % respektive 30 % av koden.

Den självklara reflexen är att välja den högsta och sluta oroa sig. Så enkelt är det inte, för överflödet måste rymmas någonstans: en högre nivå lägger till data, mer data lägger till moduler, och fler moduler vid samma tryckstorlek gör varje modul fysiskt mindre. Bortom en viss punkt har du bytt en robust kod mot en så tät att kameran inte urskiljer den alls.

Det praktiska svaret för de flesta varumärkeskoder är en mellannivå med en måttlig logotyp, testad. Ta till den högsta när koden ska leva på en verkligt fientlig plats — en böjd flaska, ett tyg, en förpackning som skavs i transporten — och acceptera den större tryckstorlek den då kräver.

Hur mycket logotypen faktiskt får täcka

Håll dig tydligt innanför den valda nivån snarare än vid dess gräns. Om nivån återställer omkring 30 % lämnar en logotyp som tar nära 30 % ingenting till den verkliga världen — och den verkliga världen är hela poängen med marginalen.

Haveriet är dessutom inte gradvis, och det är det som överrumplar. En kod blir inte långsamt svårare att läsa allteftersom logotypen växer; den läses tillförlitligt, sedan på vissa telefoner men inte andra, sedan inte alls. Mellanfasen är den farliga, eftersom den klarar det enda test de flesta gör.

Börja mindre än du vill, testa, och förstora först om testet blir rent.

Var logotypen absolut inte får ligga

Vissa delar av mönstret är struktur och inte data, och felkorrigeringen skyddar dem inte.

De tre stora rutorna i hörnen är positionsmarkörerna — det är på dem en läsare hittar koden och räknar ut dess orientering. Den mindre rutan nära fjärde hörnet på större koder är en justeringsmarkör, som rättar förvrängningen hos en kod fotograferad snett. De streckade linjerna mellan markörerna är taktmönstren, som lägger fast modulrutnätet.

Täck någon av dem och ingen korrigering hjälper, eftersom läsaren aldrig kommer till den punkt där den kunde använda den. Håll logotypen centrerad, borta från hörnen, och beskär aldrig koden för att få in den i en layout.

Varumärkesfärger som fungerar och färger som inte gör det

Färg är där grafisk profil och läsbarhet bråkar oftast, och bara några få regler spelar roll.

En läsare läser kontrasten mellan moduler och bakgrund, så den måste vara stark — och i den konventionella riktningen: mörka moduler på ljus botten. Inverterade koder, ljust på mörkt, läses av många läsare men inte alla, vilket gör dem till en chansning på tryckt material som inte går att kalla tillbaka.

Det vanliga offret är varumärkesfärgen med mellanton. En kulör som verkar övertygande mörk på en bakgrundsbelyst skärm kan hamna alldeles för nära bakgrunden när den tryckts på obestruket papper. Toningar över modulerna och fotografiska bakgrunder under dem orsakar samma problem på ett mindre förutsägbart sätt.

En användbar kontroll utan något verktyg: konvertera originalet till gråskala. Om mönstret fortfarande är tydligt mörkt på ljust är kontrasten verklig. Om det blir gröt blir skanningen det också.

Bevara frizonen runt koden

Specifikationen kräver en ren marginal på fyra moduler på alla fyra sidor. Det är varken utfyllnad eller ett förslag från formgivaren — det är så läsaren avgör var koden slutar.

Det är samtidigt den del av en QR-kod som förstörs oftast, just för att den ser ut som tom yta en layout skulle kunna ta tillbaka. Text tätt intill kanten, en dekorlinje runt koden, en bakgrundsbild som fortsätter under den, koden beskuren jäms med en panelkant — allt det tar bort den.

Om utrymmet tryter, förminska koden och behåll marginalen. En liten kod med orörd frizon läses; en större utan den kanske inte.

Exportera rätt fil

Använd ett vektorformat — SVG eller PDF — för allt som ska tryckas. Vektor håller modulkanterna knivskarpa i vilken storlek som helst, och skarpa kanter är precis vad kameran behöver.

Använd PNG för skärmar, e-post och dokument som väntar sig en bildpunktsbild, och exportera den rejält större än du tror behövs. En QR-kod uppskalad från en liten PNG får mjuka, suddiga modulgränser, och suddiga gränser läses som tvetydig data.

Ta aldrig en kod från en skärmdump, och låt den inte gå genom en förstörande omkomprimering på vägen till tryckeriet. JPEG-artefakter runt kontrastrika kanter är precis fel sorts brus.

Testa ordentligt, det tar fem minuter

En kod som skannas i designprogrammet har testats i idealfallet: perfekt skärpa, perfekt ljus, bakgrundsbelyst skärm, en enda enhet. Inget av det beskriver platsen där den ska användas.

• Skriv ut ett korrektur i slutlig storlek på slutligt material — bestruket och obestruket papper beter sig olika.
• Skanna med minst en iPhone och en Android, gärna också en äldre telefon med sämre kamera.
• Testa i det ljus den ska leva i, inklusive konstljus och, utomhus, starkt solsken.
• Skanna från det avstånd en verklig person kommer att stå på, inte från tio centimeter.
• Prova lätt snett, för det är så man håller en telefon.
• Ska koden på något böjt eller mjukt, testa den böjd och inte platt.

Haverierna som fortsätter återkomma

Bakom nästan varje varumärkeskod som havererar i produktion står samma handfull orsaker: logotypen växte under godkännandet och ingen testade om; frizonen beskars i den slutliga layouten; en varumärkesfärg som läste sig mörk på skärm trycktes mellangrå; koden skalades upp från en liten PNG och tappade kanterna; eller den testades bara på formgivarens telefon, som har mycket bra kamera och redan känner adressen.

Alla fångas av att trycka ett korrektur och räcka det till någon annan.