Sådan sætter du et logo på en QR-kode uden at ødelægge scanningen

Hvorfor et logo overhovedet kan sidde på en QR-kode

At sætte et logo på en QR-kode betyder at dække en del af dataene. Det virker alligevel, og at forstå hvorfor er det, der skiller en brandet kode, som scanner, fra en, der ser fin ud og fejler på en kundes telefon.

QR-koder bærer overflødige data. Standarden bygger fejlkorrektion ind, så en kode stadig kan læses, når en del af den er snavset, revet, krøllet eller dækket — formatet blev tegnet til et fabriksgulv, ikke til en designportefølje. Et logo bruger blot en del af den reserve med vilje.

Hvilket betyder, at spørgsmålet aldrig er »kan jeg tilføje et logo«, men »hvor meget af reserven bruger jeg, og på hvad«.

De fire korrektionsniveauer, og hvad de koster

Enhver QR-kode genereres på et af fire fejlkorrektionsniveauer, der genskaber henholdsvis omkring 7 %, 15 %, 25 % og 30 % af koden.

Det oplagte træk er at vælge det højeste og holde op med at bekymre sig. Så enkelt er det ikke, for redundansen skal lagres et sted: et højere niveau tilføjer flere data, flere data tilføjer flere moduler, og flere moduler ved samme trykstørrelse gør hvert modul fysisk mindre. Ud over et vist punkt har du byttet en robust kode for en tæt en, som kameraet slet ikke kan opløse.

Det praktiske svar for de fleste brandede koder er et mellemniveau med et beskedent logo — testet. Grib efter det højeste niveau, når koden skal leve et reelt fjendtligt sted — en buet flaske, en tekstiloverflade, en emballage der bliver skrabet under transport — og accepter den større trykstørrelse, det kræver.

Hvor meget kan logoet faktisk dække

Hold dig et godt stykke inden for det niveau, du genererede på, frem for på kanten af det. Genskaber niveauet omkring 30 %, efterlader et logo, der fylder tæt på 30 %, ingenting til den virkelige verden — og den virkelige verden er hele pointen med reserven.

Sammenbruddet er heller ikke gradvist, og det er det, der narrer folk. En kode bliver ikke langsomt sværere at læse, efterhånden som logoet vokser; den læses pålideligt, så læses den på nogle telefoner og ikke andre, og så holder den op. Mellemstadiet er det farlige, fordi det består den eneste test, de fleste kører.

Start mindre, end du har lyst til, test, og gør det større, hvis testen er ren.

Hvor logoet ikke må ligge

Dele af mønsteret er struktur frem for data, og fejlkorrektion beskytter dem ikke.

De tre store kvadrater i hjørnerne er positionsmarkører — sådan finder en læser koden og regner dens retning ud. Det mindre kvadrat nær det fjerde hjørne på større koder er en justeringsmarkør, der korrigerer for forvrængningen i en kode fotograferet skråt. De stiplede linjer, der løber mellem positionsmarkørerne, er timingmønstre, som fastlægger modulgitteret.

Dæk nogen af dem, og ingen mængde korrektion hjælper, fordi læseren aldrig når langt nok til at bruge den. Hold logoet centreret, hold det fri af hjørnerne, og beskær aldrig koden for at få den til at passe i et layout.

Brandfarver der virker, og brandfarver der ikke gør

Farve er der, hvor designmanualen og scanbarheden skændes oftest, og der er kun få regler, der betyder noget.

Kontrasten mellem moduler og baggrund er det, en læser aflæser, så den skal være stærk — og i den konventionelle retning, mørke moduler på lys baggrund. Inverterede koder, lyst på mørkt, læses af mange læsere og ikke af alle, hvilket gør dem til et væddemål på trykt materiale, du ikke kan kalde tilbage.

Brandfarver i mellemtonen er det sædvanlige offer. En farve, der ser sikkert mørk ud på en bagbelyst skærm, kan ligge alt for tæt på baggrunden, når den først er trykt på ubestrøget papir. Farveovergange hen over modulerne og fotografiske baggrunde bag dem giver samme problem på en mindre forudsigelig måde.

En brugbar kontrol uden værktøj: konverter originalen til gråtoner. Er mønsteret stadig tydeligt mørkt på lyst, er kontrasten reel. Bliver det til grød, gør scanningen det også.

Bevar frizonen

Standarden kræver en fri margen på fire moduler hele vejen rundt. Det er ikke luft, og det er ikke et forslag fra en designer — det er sådan, læseren fastslår, hvor koden slutter.

Det er også den hyppigst ødelagte del af en QR-kode, netop fordi den ligner tom plads, som et layout kunne bruge. Tekst sat helt op til kanten, en ramme tegnet omkring koden, et baggrundsbillede der løber under den, koden beskåret jævnt med en panelkant — alt sammen fjerner den.

Er pladsen trang, gør koden mindre og behold margenen. En lille kode med frizonen intakt læses; en større uden gør det måske ikke.

Eksporter den rigtige fil til opgaven

Brug et vektorformat — SVG eller PDF — til alt, der skal trykkes. Vektororiginaler holder modulkanterne knivskarpe i enhver størrelse, og skarpe kanter er det, kameraet har brug for.

Brug PNG til skærme, e-mail og dokumenter, der forventer et billede, og eksporter den større, end du tror, du har brug for. En QR-kode skaleret *op* fra en lille PNG får bløde, slørede modulgrænser, og slørede grænser aflæses som tvetydige data.

Tag aldrig en kode fra et skærmbillede, og lad den aldrig gå gennem en tabsgivende genkomprimering på vej til trykkeriet. JPEG-artefakter omkring kontrastrige kanter er præcis den forkerte slags støj.

Test den ordentligt, hvilket tager fem minutter

En kode, der scanner i designprogrammet, er testet mod det ideelle tilfælde: perfekt fokus, perfekt lys, en bagbelyst skærm, én enhed. Ingen af delene beskriver, hvor den skal bruges.

• Tryk et korrektur i den endelige størrelse på det rigtige materiale — bestrøget og ubestrøget papir opfører sig forskelligt.
• Scan den med mindst én iPhone og én Android, gerne inklusive en ældre telefon med et svagere kamera.
• Test i det lys, den skal leve i, også kunstlys og, for alt udendørs, skarp sol.
• Scan på den afstand, et rigtigt menneske vil stå på — ikke på ti centimeter.
• Prøv den let på skrå, som folk faktisk holder en telefon.
• Skal den sidde på noget buet eller blødt, så test den buet, ikke fladt.

De sammenbrud, der bliver ved med at gentage sig

De samme få årsager står bag næsten hver eneste brandede kode, der fejler i produktion: logoet voksede under en designgennemgang, og ingen testede igen; frizonen blev beskåret i det endelige layout; en brandfarve, der læstes som mørk på skærm, trykte som mellemgrå; koden blev skaleret op fra en lille PNG og mistede sine kanter; eller den blev kun testet på designerens telefon, som har et meget godt kamera og allerede kender adressen.

Alle sammen fanges ved at trykke ét korrektur og række det til en anden.