Hoe groot moet een QR-code zijn? Drukformaat, contrast en de specs die hem laten scannen

Een QR-code die niet scant, is erger dan helemaal geen QR-code. Het is een gedrukt doodlopend pad: iemand pakt zijn telefoon, richt hem, er gebeurt niets, en hij loopt door, net iets sceptischer dan ervoor. Het pijnlijke is dat je er bijna nooit achter komt. Niemand mailt om te zeggen dat je code het niet deed, de scans komen simpelweg nooit binnen, en een campagne die op het scherm perfect leek, presteert in de echte wereld stilletjes onder.

Bijna elke mislukking van een gedrukte code is terug te voeren op een kort lijstje oplosbare oorzaken: de code was te klein voor de afstand, hij had geen ruimte om te ademen, het contrast was te laag, hij is in het verkeerde bestandsformaat opgeslagen, of de link erachter klopte niet. Niets daarvan is pech. Het is het gat tussen een code die voor een scherm is ontworpen en een code die van papier moet worden gelezen, op armlengte of dwars door een ruimte, bij echt licht. Dit is de checklist vóór het drukken die dat gat dicht: grootte, stille zone, contrast, foutcorrectie, bestandsformaat, en een test van twee minuten vóór de oplage. Krijg je die goed, dan verdwijnt de code in het ontwerp en werkt hij gewoon.

De anatomie van een QR-code die scant

Voordat we naar de cijfers gaan, helpt het om te zien wat je eigenlijk aan het ontwerpen bent. Een QR-code is niet alleen het zwarte patroon. Het is het patroon plus de ruimte en het contrast eromheen, en een paar gebieden tellen veel zwaarder dan de rest.

1. De stille zone. De vrije marge rond de code. Scanners gebruiken hem om te vinden waar de code begint, dus het is geen overtollige witruimte, het is onderdeel van de code.
2. De zoekpatronen. De drie grote vierkanten in de hoeken. Een camera grijpt hier als eerste op aan om de code te oriënteren. Dek er één af en de rest doet er niet meer toe, want dan scant de code niet.
3. De grootte. De gedrukte breedte van de code, die moet passen bij de afstand waarvandaan hij gescand wordt. Te klein voor de afstand is de allerveelvoorkomendste reden dat een gedrukte code faalt.
4. Het contrast. Donkere modules op een lichte achtergrond. Camera's lezen een code aan het verschil tussen licht en donker, dus hoe meer contrast er is, hoe sneller en vergevingsgezinder de scan.

Houd die vier in je achterhoofd en de rest van deze gids is alleen nog detail.

Hoe groot moet een QR-code zijn?

Het korte antwoord is de regel tien op één: een code moet ongeveer een tiende zo breed zijn als de afstand waarvandaan hij gescand wordt. Een code die je vanaf twee meter leest, moet grofweg twintig centimeter breed zijn, terwijl een code op een visitekaartje dat je op twintig centimeter vasthoudt maar zo'n twee centimeter hoeft te zijn. Het is een vuistregel en geen onderdeel van enige standaard, maar het is een goede, en hij schaalt netjes mee van een etiket tot een billboard.

Behandel die tien-op-één als ondergrens, niet als doel. Echte scans gebeuren onder een hoek, bij slecht licht, op een telefoon met een barst, terwijl iemand voorbijloopt, dus tel er twintig tot dertig procent bovenop voor marge. Groter is bijna altijd veiliger, en de enige echte kostenpost van een grotere code is de ruimte die hij in de opmaak inneemt.

Grootte per plaatsing

Hier zijn verstandige minimale breedtes voor veelvoorkomende plaatsingen, op basis van de regel tien op één. Tel er marge bij waar je kunt, en bij twijfel: ga groter.

• Visitekaartje, gelezen op zo'n 20 cm: minstens 2 cm / 0,8 in. Dit is de praktische ondergrens voor elke gedrukte code, dus ga niet kleiner.
• Flyer of brochure in de hand, zo'n 30 cm: minstens 3 cm / 1,2 in.
• Tafelstandaard of menukaart, zo'n 40 cm en vaak achterovergeleund gelezen: minstens 4 cm / 1,6 in.
• Productverpakking, van dichtbij gelezen op zo'n 20 cm: minstens 2 cm / 0,8 in.
• Etalage of bord in de winkel, zo'n 1,5 m: minstens 15 cm / 6 in, en let op weerkaatsing op het glas.
• Muurposter, zo'n 2 m: minstens 20 cm / 8 in.
• Voertuig- of transportbelettering, zo'n 3 m bij stilstand: minstens 30 cm / 12 in, en weer groter en eenvoudiger als het voertuig rijdt.
• Billboard, zo'n 10 m: minstens 1 m / 3,3 ft, en meer op snelwegafstanden.

Het absolute minimum

Voor scannen op korte afstand is ongeveer 2 cm in het vierkant het kleinste waarop je een normale marketingcode zou moeten drukken. Onder grofweg 1,3 cm beginnen codes zelfs in de hand te falen. Retailverpakkingen kunnen onder strakke regels iets kleiner: GS1, het orgaan achter de streepjescodes op retailproducten, stelt een minimale modulegrootte die neerkomt op zo'n 1,5 cm voor een code met weinig data die je dichtbij houdt. Tenzij je aan die retailbeperkingen vastzit, geef jezelf de ruimte en blijf op 2 cm of hoger.

De stille zone: de marge die scanners nodig hebben

De stille zone is de lege rand rond de code, en de QR-standaard (ISO/IEC 18004) vereist dat hij aan elke kant minstens vier modules breed is. Een module is het kleinste vierkantje in de code, een enkele donkere of lichte cel, dus de stille zone schaalt mee met de code: drukt een module af op één millimeter, dan heb je rondom minstens vier millimeter vrije ruimte nodig.

Hier gaan veel verder zorgvuldige ontwerpen onderuit. De code zelf ziet er prima uit, maar een bijschrift, een kader, een prijsstoot of een drukke achtergrondfoto kruipt die marge in, en ineens kunnen scanners niet zien waar de code begint. Houd de rand van vier modules echt leeg. Wit of een heel lichte egale kleur is ideaal, en je zou nooit tekst of beeld tot aan de rand van het patroon moeten laten lopen.

Contrast en kleur: waarom donker op licht nog altijd wint

Een camera leest een QR-code aan het contrast tussen donkere en lichte cellen, dus de veiligst mogelijke code is de klassieke: donkere modules op een lichte achtergrond. Het is niet de spannendste keuze, maar hij scant het snelst en onder het breedste scala aan omstandigheden, en bij een oplage die je niet kunt terugdraaien is dat precies wat je wilt.

Twee regels tellen het zwaarst. Ten eerste: houd de modules donkerder dan de achtergrond, nooit andersom. Omgekeerde codes, licht op donker, zijn technisch geldig, maar heel wat scanners, vooral oudere Android-camera's, verwachten donker op licht en weigeren ze gewoon te lezen. Ten tweede: houd het contrast hoog. De QR-standaard stelt geen enkele slaag-of-zakverhouding; drukkwaliteit, contrast inbegrepen, wordt op een schaal beoordeeld (onder ISO/IEC 15415) in plaats van als één hard getal. Streef als werkdoel naar een contrastverhouding van minstens 4 op 1 tussen het donker en het licht, en meer voor codes die buiten of bij gedempt licht komen te hangen. Bleek op bleek, zoals een licht zandkleurtje op wit, is een veelvoorkomende en volledig vermijdbare doodsteek.

Kleur is prima binnen die grenzen. Een donkere merkkleur op een lichte achtergrond scant meestal goed, terwijl een lichte merkkleur voor de modules dat meestal niet doet. Moet je kleur gebruiken, houd dan de modules donker en test voordat je je eraan vastlegt.

Er is nog één fysieke valkuil: de afwerking. Glanzend papier en glanzende laminering kaatsen weerkaatsing terug onder de zon of hard bovenlicht, en die felle lichtvlek kan een deel van de code voor de camera verbergen. Een code die op je matte proefdruk perfect scant, kan op de glanzend gedrukte versie falen. Geef de voorkeur aan matte of onbehandelde oppervlakken voor alles wat een code draagt, en is glans onvermijdelijk, test dan onder het echte licht.

Foutcorrectie: hoeveel schade een code kan overleven

Elke QR-code draagt redundante data zodat hij nog leesbaar is wanneer een deel ervan vies, bekrast of bedekt is. DENSO WAVE, het bedrijf dat de QR-code uitvond, definieert vier niveaus van deze foutcorrectie:

• Niveau L kan ongeveer 7 procent van de code herstellen.
• Niveau M kan ongeveer 15 procent herstellen.
• Niveau Q kan ongeveer 25 procent herstellen.
• Niveau H kan ongeveer 30 procent herstellen.

Hogere correctie klinkt als gratis winst, maar er zit een afweging aan vast. De redundantie is extra data, dus een hoger niveau propt meer modules in de code en maakt het patroon dichter. Bij een vaste gedrukte grootte betekent dichter kleinere modules, en kleinere modules zijn moeilijker te lezen vanaf een afstand of bij slecht licht. De juiste keuze is dus een balans, niet "altijd H pakken".

Voor de meeste marketingdruk is niveau M de verstandige standaard. Schakel op naar Q of H wanneer de code een logo draagt, buiten hangt, op een gebogen of flexibel oppervlak zit, of waarschijnlijk geschuurd, nat of vies wordt. Niveau H bestaat juist zodat een code tot grofweg een derde van zichzelf kan verliezen en toch nog oplost, en dat is wat een logo midden in een code überhaupt mogelijk maakt.

Logo's en branding zonder de scan te breken

Je kunt een logo op een QR-code zetten, en voor bureauwerk wil je dat vaak. De truc is om die foutcorrectiemarge precies als dat te behandelen: een budget. Gebruik niveau H, houd het logo in het midden waar de minst kritieke data zit, en houd het onder ongeveer 30 procent van het oppervlak van de code. In de praktijk is een gecentreerd logo dat 10 tot 15 procent bedekt heel veilig, terwijl richting de 30 niets in reserve laat voor drukslijtage, dus de meeste ontwerpers blijven er ruim onder.

Het enige waar foutcorrectie je niet van redt, is een bedekt zoekpatroon. Die drie hoekvierkanten zijn hoe een scanner de code oriënteert, en geen hoeveelheid redundantie bouwt ze opnieuw op. Houd alle drie de hoeken, de timinglijnen ertussen en de kleinere uitlijnvierkanten volledig vrij, en scan een code met logo altijd op een paar telefoons voordat hij ook maar in de buurt van een drukker komt.

Bestandsformaat en resolutie

Het bestand dat je aan de drukker geeft, telt net zo zwaar als het ontwerp. Lever de code waar je kunt aan als vectorbestand, en dat betekent SVG, of een vector-PDF of EPS. Vectoren hebben geen vaste resolutie, dus hetzelfde bestand is messcherp op een visitekaartje én op een spandoek, en niemand kan hem per ongeluk vervagen door te schalen.

Moet je een rasterbeeld gebruiken, gebruik dan PNG, gegenereerd op de uiteindelijke gedrukte grootte op 300 DPI, of 600 DPI voor heel kleine of premium codes. Gebruik nooit JPEG voor een QR-code: JPEG-compressie smeert de scherpe randen tussen cellen uit tot zacht grijs, en dat is precies wat een scanner niet kan lezen. En vergroot nooit een kleine code om een grotere plek te vullen, want een klein PNG opblazen verzacht elke rand en is een klassieke oorzaak van de "waarom scant hij niet"-paniek de ochtend nadat de proeven binnenkomen. Genereer hem in plaats daarvan opnieuw op de grootte die je echt nodig hebt.

Test vóór je drukt

Geen checklist vervangt een echte test, en een echte test kost twee minuten. Druk een proef op de uiteindelijke grootte, op het daadwerkelijke papier en de afwerking die je gaat gebruiken, en controleer dan drie dingen.

• Hij scant op meer dan één telefoon. Probeer minstens één iPhone en een paar Android-telefoons, waaronder een oudere, met de ingebouwde camera en een scanner-app of twee. Apparaten verschillen, en de goedkope oude telefoon is degene die je problemen vindt.
• Hij scant in echte omstandigheden. Scan vanaf de afstand en hoek waarop mensen het echt doen, bij het licht waarin ze echt zullen staan: een felle winkel, een schemerig restaurant, direct zonlicht op de etalage. Een code die alleen op je bureau bij mooi licht werkt, is niet getest.
• Hij gaat waar hij hoort. Bevestig dat de code op de juiste pagina landt, dat die pagina snel laadt op een telefoon, en dat er geen typfouten of dode links in zitten. Een code kan perfect scannen en de campagne alsnog laten falen door het verkeerde te openen.

Slaagt de proef op de slechtste telefoon, bij het slechtste licht, op de echte afstand, dan ben je klaar voor de oplage.

Het vangnet: druk een dynamische code, geen statische

Zelfs met elk vakje afgevinkt is print onverbiddelijk. Zodra tienduizend flyers op de post zijn, ligt een statische code in steen gebeiteld: klopte de link niet, of verhuist de landingspagina later, of wil je deze keer de scans van dit kwartaal gewoon ergens nieuws heen sturen, dan betekent een statische code een herdruk. Dit is de allergrootste reden om in plaats daarvan een dynamische code te drukken. Een dynamische code houdt het gedrukte patroon vast terwijl je op elk moment kunt veranderen waar hij naar wijst, dus een verkeerde bestemming wordt een fix van dertig seconden in plaats van een weggegooide oplage. De volledige afweging staat in dynamische versus statische QR-codes, en de werkwijze in de bestemming van een code wijzigen zonder herdruk.

Een dynamische code maakt van een printcampagne ook iets dat je kunt meten. Omdat elke scan wordt geteld, zie je welke plaatsingen en formaten echt presteerden, om vervolgens de printcampagne te meten zoals het hoort en met de scanstatistieken de volgende keer het formaat en de plek bij te stellen. Presteerde de etalagecode op 12 cm onder de postercode op 20 cm, dan vertelt de data je dat, en de volgende oplage is er beter om. Draai je plaatsingen voor meerdere klanten, houd dan de codes van elke klant in hun eigen werkruimte zodat die cijfers nooit door elkaar lopen.

Ontwerp voor de scan en druk dan een dynamische code, zodat een kleine fout nooit een herdruk is. Die combinatie is wat een QR-campagne die strompelt onderscheidt van eentje die opbouwt.

Veelgestelde vragen

Hoe groot moet een QR-code zijn?

Gebruik de regel tien op één: maak de code ongeveer een tiende zo breed als de afstand waarvandaan hij gescand wordt. Dat komt neer op grofweg 2 cm voor een visitekaartje dat je op 20 cm vasthoudt, 3 cm voor een flyer, 20 cm voor een muurposter die je vanaf 2 m leest, en zo'n meter voor een billboard. Tel er twintig tot dertig procent bij op voor marge in de praktijk, en behandel 2 cm in het vierkant als het kleinste dat je ooit zou moeten drukken.

Wat is de minimale grootte voor een QR-code?

Zo'n 2 cm bij 2 cm (0,8 in) voor scannen op korte afstand. Onder grofweg 1,3 cm beginnen codes zelfs in de hand te falen. Retailverpakkingen kunnen onder de regels van GS1 zo'n 1,5 cm halen als de code heel weinig data draagt, maar voor algemene marketingdruk blijf je op 2 cm of groter.

Waarom scant mijn QR-code niet na het drukken?

Bijna altijd een van vijf dingen: hij is te klein voor de scanafstand, hij heeft geen stille zone (de vrije marge van vier modules), het contrast is te laag of omgekeerd, hij is opgeslagen als een bestand met lage resolutie of als JPEG, of de link erachter is kapot. Loop die vijf langs en je verhelpt vrijwel elke mislukking van een gedrukte code.

Wat is de stille zone, en hoe groot moet hij zijn?

Het is de lege marge rond de code, en de QR-standaard vereist aan elke kant minstens vier modules (vier cellen van de code) vrije ruimte. Zonder die ruimte kunnen scanners de code niet vinden. Houd die rand vrij van tekst, kaders en achtergrondbeeld.

Welke kleuren kan een QR-code hebben?

Elke kleur, binnen één regel: de modules moeten donkerder zijn dan de achtergrond, en het contrast moet hoog zijn, idealiter minstens 4 op 1. Donker op licht scant het best, terwijl omgekeerde codes met licht op donker op veel telefoons falen. Een donkere merkkleur op een lichte achtergrond is meestal veilig, maar test hem voordat je drukt.

Welk foutcorrectieniveau moet ik gebruiken voor druk?

Niveau M voor de meeste marketingdruk. Gebruik niveau Q of H voor codes met een logo, codes die buiten hangen, of codes op gebogen of vuilgevoelige oppervlakken. Hogere niveaus overleven meer schade maar maken de code dichter, dus gebruik niet meer dan de situatie vraagt.

Kan een QR-code een logo in het midden hebben?

Ja. Gebruik foutcorrectieniveau H, plaats het logo in het midden, en houd het onder ongeveer 30 procent van het oppervlak van de code, met 10 tot 15 procent als veiligste marge. Laat het logo, of wat dan ook, nooit de drie hoekzoekpatronen bedekken, want die kan foutcorrectie niet opnieuw opbouwen.

Welk bestandsformaat is het best om een QR-code te drukken?

Een vectorbestand (SVG, of een vector-PDF of EPS) is het best, omdat het op elke grootte scherp blijft. Heb je een rasterbeeld nodig, gebruik dan een PNG gegenereerd op de uiteindelijke grootte op 300 DPI. Gebruik nooit JPEG, en vergroot nooit een kleine code om passend te maken.

De korte versie

De meeste gedrukte QR-codes die falen, waren om te beginnen nooit ontworpen om van papier te worden gescand. Stem de code met de regel tien op één af op de afstand en zak nooit onder 2 cm; laat de stille zone van vier modules echt leeg; houd hem donker op licht met sterk contrast op een mat oppervlak; gebruik foutcorrectieniveau M, of H als er een logo is; lever hem als vector of een PNG van 300 DPI, nooit JPEG; en test de proef op de slechtste telefoon bij het slechtste licht vóór de oplage. Druk daarna een dynamische code, zodat de ene fout die er toch doorheen glipt een snelle aanpassing is in plaats van een herdruk. Ontwerp voor de scan, houd de bestemming in eigen hand, en een gedrukte code is geen gok meer maar een betrouwbaar, meetbaar onderdeel van de campagne.