Hoe maak je een QR-code met logo die blijft scannen

Waarom een logo überhaupt op een QR-code kan liggen

QR-codes dragen overtollige gegevens. De specificatie voorziet in foutcorrectie zodat een code nog leest wanneer een deel vuil, gescheurd, gekreukt of afgedekt is — het formaat is ontworpen voor de fabriekshal, niet voor een ontwerpportfolio. Een logo geeft simpelweg een deel van die marge bewust uit.

De vraag is dus nooit „kan ik een logo toevoegen” maar „hoeveel marge geef ik uit, en waaraan”.

De vier correctieniveaus en wat ze kosten

Elke QR-code wordt aangemaakt op een van vier foutcorrectieniveaus, die respectievelijk ruwweg 7 %, 15 %, 25 % en 30 % van de code herstellen.

De voor de hand liggende reflex is het hoogste kiezen en er niet meer over nadenken. Zo eenvoudig is het niet, want de redundantie moet ergens heen: een hoger niveau voegt gegevens toe, meer gegevens voegen modules toe, en meer modules op dezelfde drukmaat maken elke module fysiek kleiner. Voorbij een bepaald punt heb je een robuuste code geruild voor een zo dichte dat de camera hem helemaal niet meer onderscheidt.

Het praktische antwoord voor de meeste merkcodes is een middenniveau met een bescheiden logo, getest. Grijp naar het hoogste wanneer de code op een werkelijk vijandige plek belandt — een gebogen fles, textiel, een verpakking die onderweg beschadigd raakt — en aanvaard de grotere drukmaat die het dan vraagt.

Hoeveel het logo werkelijk mag afdekken

Blijf duidelijk binnen het gekozen niveau in plaats van op de grens. Herstelt het niveau ongeveer 30 %, dan laat een logo dat bijna 30 % beslaat niets over voor de echte wereld — en de echte wereld is de hele reden dat die marge bestaat.

Het falen is bovendien niet geleidelijk, en dat is wat mensen verrast. Een code wordt niet langzaam moeilijker leesbaar naarmate het logo groeit; hij leest betrouwbaar, dan op sommige telefoons en op andere niet, en dan helemaal niet meer. De tussenfase is de gevaarlijke, omdat die de enige test doorstaat die de meesten uitvoeren.

Begin kleiner dan je zou willen, test, en vergroot pas als de test schoon is.

Waar het logo beslist niet mag komen

Sommige delen van het patroon zijn structuur en geen gegevens, en foutcorrectie beschermt die niet.

De drie grote vierkanten in de hoeken zijn de positioneringspatronen — daarmee vindt een lezer de code en bepaalt hij de oriëntatie. Het kleinere vierkant bij de vierde hoek in grotere codes is een uitlijnpatroon, dat de vervorming corrigeert van een code die schuin gefotografeerd is. De stippellijnen tussen de positioneringspatronen zijn de timingpatronen, die het modulerooster vastleggen.

Dek een daarvan af en geen enkele correctie helpt, want de lezer komt nooit toe aan het punt waarop hij die zou kunnen gebruiken. Houd het logo gecentreerd, weg van de hoeken, en snijd de code nooit bij om hem in een opmaak te laten passen.

Merkkleuren die werken en merkkleuren die dat niet doen

Kleur is waar de huisstijl en de leesbaarheid het vaakst botsen, en er tellen maar een paar regels.

Een lezer leest het contrast tussen modules en achtergrond, dus dat moet sterk zijn — en in de gebruikelijke richting: donkere modules op een lichte ondergrond. Omgekeerde codes, licht op donker, worden door veel lezers wel gelezen en door niet alle, wat ze tot een gok maakt op drukwerk dat je niet kunt terughalen.

Het gebruikelijke slachtoffer is de merkkleur met een middentoon. Een tint die op een verlicht scherm overtuigend donker oogt, kan op ongestreken papier veel te dicht bij de achtergrond uitkomen. Verlopen over de modules en fotografische achtergronden eronder veroorzaken hetzelfde probleem op minder voorspelbare wijze.

Een bruikbare controle zonder enig gereedschap: zet het ontwerp om naar grijswaarden. Blijft het patroon duidelijk donker op licht, dan is het contrast echt. Wordt het pap, dan geldt dat ook voor de scan.

Behoud de stille zone

De specificatie eist een schone marge van vier modules aan alle vier de zijden. Dat is geen opvulling en geen suggestie van de ontwerper — zo stelt de lezer vast waar de code eindigt.

Het is tegelijk het deel van een QR-code dat het vaakst vernietigd wordt, juist omdat het op lege ruimte lijkt die een opmaak zou kunnen gebruiken. Tekst strak tegen de rand, een sierlijn eromheen, een achtergrondbeeld dat eronderdoor loopt, de code strak op een paneelrand afgesneden — dat alles verwijdert hem.

Is er weinig ruimte, verklein dan de code en behoud de marge. Een kleine code met een intacte stille zone leest; een grotere zonder mogelijk niet.

Exporteer het juiste bestand

Gebruik voor alles wat gedrukt wordt een vectorformaat — SVG of PDF. Vector houdt de moduleranden op elk formaat volmaakt scherp, en scherpe randen zijn precies wat de camera nodig heeft.

Gebruik PNG voor schermen, e-mail en documenten die een rasterbeeld verwachten, en exporteer het royaler dan je denkt nodig te hebben. Een QR-code die vanaf een kleine PNG is opgeschaald krijgt zachte, vage modulegrenzen, en vage grenzen worden gelezen als dubbelzinnige gegevens.

Neem een code nooit uit een schermafbeelding, en laat hem op weg naar de drukker geen lossy hercompressie ondergaan. JPEG-artefacten rond contrastrijke randen zijn precies het verkeerde soort ruis.

Test het fatsoenlijk, dat kost vijf minuten

Een code die in het ontwerpprogramma scant, is getest in het ideale geval: perfecte scherpte, perfect licht, een verlicht scherm, één apparaat. Niets daarvan beschrijft de plek waar hij gebruikt wordt.

• Druk een proef op eindformaat, op het eindmateriaal — gestreken en ongestreken papier gedragen zich anders.
• Scan met minstens één iPhone en één Android-toestel, en het liefst ook met een ouder toestel met een zwakkere camera.
• Test in het licht waarin hij zal leven, inclusief kunstlicht en, buiten, fel zonlicht.
• Scan vanaf de afstand waarop een echt mens zal staan, niet vanaf tien centimeter.
• Probeer het licht schuin, want zo houdt men een telefoon vast.
• Komt de code op iets gebogens of buigzaams, test hem dan gebogen en niet plat.

De fouten die blijven terugkomen

Achter vrijwel elke merkcode die in productie faalt, zit dezelfde handvol oorzaken: het logo groeide tijdens de goedkeuring en niemand testte opnieuw; de stille zone werd in de eindopmaak weggesneden; een merkkleur die op het scherm donker leek, drukte middengrijs; de code werd vanaf een kleine PNG opgeschaald en verloor zijn randen; of hij werd alleen getest op de telefoon van de ontwerper, die een zeer goede camera heeft en het adres al kent.

Al deze fouten worden gevangen door één proef te drukken en die aan iemand anders te geven.