QR-code drukklaar maken: vector, CMYK en de fout die scans sloopt

QR-code drukklaar maken: vector, resolutie en de kleurfout die scans sloopt

Een QR-code die perfect scant op je scherm, kan helemaal mislukken zodra hij van de pers komt. Het vervelende is dat er niets mis lijkt in het ontwerp. De proef ziet er scherp uit, de klant geeft akkoord, tienduizend flyers gaan de deur uit en dan blijken de codes niet leesbaar. Bijna altijd ligt de oorzaak niet bij de code zelf, maar bij het bestand dat je aan de drukker gaf en de manier waarop dat bestand inkt en papier ontmoette.

Dit is de productiekant van QR-werk, het stuk dat tussen het ontwerpen van een code en het meten van de scans zit. Er wordt zelden eerlijk over geschreven, omdat de meeste online gidsen worden gepubliceerd door QR-generators die je aanmelding willen winnen. Die herhalen dus "gebruik SVG, 300 DPI, houd het contrast hoog" en gaan verder. De mechaniek waar een bureau in de praktijk over struikelt, zit een laag dieper: vector versus raster, hoe zwart wordt opgebouwd in CMYK, hoeveel marge de scanner nodig heeft en wat de pers doet met fijn detail. Krijg je dat goed, dan leest de code op de goedkoopste telefoon in slecht licht. Krijg je dat fout, dan redt geen enkele foutcorrectie je nog.

Deze gids is voor het bureau dat drukwerk aanlevert bij een drukker. We gaan ervan uit dat je al weet hoe groot een QR-code moet zijn en hoe je er een logo in zet zonder de scan te slopen. Hier hebben we het alleen over het bestand en het drukwerk.

Het bestand dat je naar de drukker stuurt is niet het bestand dat je downloadde

Begin met een omslag in je denken. De PNG die je uit een generator exporteerde, is een schermbestand. Hij is op maat gemaakt in pixels voor een scherm dat in tientallen pixels per inch wordt gemeten. Drukwerk wordt gemeten in honderden dots per inch, in een andere kleurruimte, op een fysiek oppervlak dat inkt uitvloeit. Een schermbestand behandelen als drukbestand is veruit de meest voorkomende reden dat de codes van een campagne mislukken, en het is volledig te voorkomen.

Een QR-code is hier ongewoon meedogenloos vanwege wat hij is: een raster van harde zwarte en witte vierkanten, modules genoemd, met scherpe randen waarop de decoder van een camera vertrouwt om het patroon te vinden en te lezen. Foto's verdragen zachtheid en kleurafwijking. Een QR-code niet. Alles wat een modulerand vervaagt, het contrast tussen donker en licht verlaagt of de marge rond de code aantast, valt precies de kenmerken aan die de scanner nodig heeft. De regels hieronder zijn dus geen pietluttigheid. Ze gaan over het beschermen van randen en contrast, helemaal van je artboard tot aan de gedrukte vel.

Vector wint van raster, en waarom een PNG geruisloos faalt

De juiste aanlevering voor een gedrukte QR-code is vector: SVG, EPS of een vector-PDF. Een vectorbestand slaat de code op als wiskundige paden in plaats van een vast pixelraster, dus hij schaalt naar elk formaat zonder kwaliteitsverlies. Een vectorcode geexporteerd op welke resolutie dan ook drukt net zo scherp op een billboard als op een visitekaartje, want er is geen resolutie die op kan raken. Dit is industriestandaard voor zowel drukwerklogo's als codes, en het ruimt een hele categorie problemen op nog voordat ze ontstaan.

Rasterformaten (PNG, JPG) slaan een vast pixelraster op. Schaal dat raster groter dan zijn oorspronkelijke formaat en de vierkante modules worden zacht: pixelvorming, vervaagde randen, anti-aliasing uitgesmeerd over wat een schone overgang van zwart naar wit hoort te zijn. Dat zijn precies de aanwijzingen die de decoder gebruikt, dus een opgeblazen rastercode leest traag of helemaal niet.

JPG verdient een specifieke waarschuwing. Het gebruikt verliesgevende compressie die juist op harde zwart-witranden artefacten introduceert, en dat is het hele oppervlak van een QR-code. De schade is op het scherm vaak onzichtbaar en in druk rampzalig, wat de code regelmatig onleesbaar maakt. Als je gedwongen bent raster te gebruiken, gebruik dan PNG, nooit JPG. Als vuistregel geldt de voorkeursvolgorde: eerst SVG, dan vector-PDF, dan EPS, en hoge-resolutie-PNG alleen als laatste redmiddel.

Een valkuil om te vermijden: een PNG met lage resolutie "omzetten" naar SVG levert geen echte vectorcode op. Een pixelafbeelding tracen of in een SVG-container verpakken laat een gepixeld raster in een vectorbestand achter, met alle oorspronkelijke zachtheid intact. Genereer de code in plaats daarvan rechtstreeks als vector vanuit de brontool.

Wanneer raster onvermijdelijk is: de ondergrens van 300 DPI

Soms accepteert het sjabloon van de drukker of het systeem van een klant alleen een rasterafbeelding. Is dat zo, dan is de al lang geldende drukstandaard een minimum van 300 DPI (dots per inch) op het uiteindelijke drukformaat, tegenover de ongeveer 72 tot 96 PPI van een scherm. Voor kleine codes, onder zo'n 25 mm, of voor gedetailleerd verpakkingswerk is 600 DPI de veiligere keuze.

Het rekenwerk is eenvoudig en de moeite waard om elke keer te doen. De pixelafmeting is gelijk aan het fysieke formaat in inches vermenigvuldigd met de DPI. Een code gedrukt op 1 inch (ongeveer 2,5 cm) heeft minstens 300 bij 300 pixels nodig. Een code van 2 inch heeft 600 bij 600 nodig. Daarom is "hij ziet er prima uit op mijn monitor" misleidend: een code die een scherm vult op 96 PPI kan een fractie dragen van de pixels die een drukker op 300 nodig heeft, en hij valt uit elkaar zodra hij naar het echte drukformaat wordt geschaald. Bij twijfel: lever vector aan en de DPI-vraag verdwijnt helemaal.

De kleurfout die scans sloopt: rich black

Dit is de fout die ervaren ontwerpers betrapt, want het bestand ziet er onberispelijk uit tot het op de pers ligt. De donkere modules van een gedrukte QR-code horen alleen 100% K te zijn, een enkele inkt: C0 M0 Y0 K100. Ze horen geen "rich black" te zijn.

Rich black bouwt een dieper zwart op door meerdere inkten samen te leggen, bijvoorbeeld zoiets als C60 M40 Y40 K100. Dat oogt prachtig voor grote effen vlakken. Het is de verkeerde keuze voor een QR-code. Op de pers is elke inktkleur een aparte plaat, en die platen kunnen iets uit elkaar schuiven, misregistratie genoemd. Gebeurt dat op een raster van piepkleine vierkanten, dan krijgt elke modulerand schaduwen en wordt zacht naarmate cyaan, magenta en geel wegdrijven van het zwart. Het contrast daalt, randen vervagen en de decoder worstelt. Hoe meer inkten en hoe hoger de totale inktdekking, hoe erger het wordt. Een streepjescode opgebouwd in registratiezwart (bijna 100% van elke inkt, rond de 350% totale dekking) is een gedocumenteerd recept voor scanfouten. Zwart met een enkele inkt, of een zuivere steunkleur, houdt elke rand scherp.

De regel is dus kort: zet de donkere modules op 100% K en niets anders, en houd de achtergrond zuiver wit of een echt lichte, enkele, vlakke kleur.

RGB naar CMYK: het contrast dat je verliest bij de conversie

De meeste QR-generators exporteren in RGB, de kleurruimte van het scherm. Commercieel drukwerk is CMYK. Geef je een drukker een RGB-bestand, dan zet hun software het automatisch om, en die conversie verschuift vaak kleuren en verlaagt het contrast tussen je donkere code en de achtergrond. Een code die je met comfortabel contrast ontwierp, kan op papier belanden met merkbaar minder.

Converteer bewust in plaats van het aan het toeval over te laten. Haal de code in je opmaaktool, converteer naar CMYK en zet de modules expliciet op 0/0/0/100. In Adobe-tools kun je met Weergave en daarna Drukproef het CMYK-resultaat bekijken voordat je het vastlegt, zodat eventueel contrastverlies eerst op het scherm zichtbaar is. Het minimale donker-naar-lichtcontrast dat je wilt is hoog; een praktische vuistregel is minstens 4:1, en de onderliggende standaard, ISO/IEC 18004, definieert het symbool in termen van reflectie tussen donkere en lichte modules. Houd het donker op licht. Geinverteerde codes (lichte modules op een donkere achtergrond) zijn een veelvoorkomende oorzaak van mislukking, omdat veel scanners donker op licht verwachten, en ze zijn het risico niet waard op een gedrukte campagne die je niet goedkoop kunt aanpassen.

Behoud de stille zone (quiet zone), en laat bleed hem niet opeten

Elke QR-code heeft een marge van vrije, lichte ruimte rond zich nodig: de stille zone (quiet zone). Dit is geen optionele opmaak. Denso Wave, de uitvinder van de QR-code, schrijft een stille zone van vier modules breed aan alle kanten voor, en ISO/IEC 18004 hanteert dezelfde eis. Zonder die marge kan de scanner de rand van het symbool niet vinden, en mislukt het lezen al bij de allereerste stap: het lokaliseren van de code.

De breedte volgt uit de modulegrootte: de stille zone is gelijk aan de modulebreedte maal vier. Is elke module 0,5 mm, dan heb je minstens 2 mm vrije ruimte aan elke kant nodig. Bouw die marge in het ontwerp in als beschermde ruimte en let vooral op twee dingen. Ten eerste: laat omliggend ontwerp, een gekleurd vlak, een foto, een rand, er niet in komen. Ten tweede: zorg bij alles wat aflopend is dat de snijlijn niet door de stille zone gaat. Een code dicht bij de rand van een flyer kan zijn marge verliezen aan de snijmachine, ook al was het bestand perfect.

Wat de afbeelding toont, punt voor punt:

1. De stille zone van vier modules: vrije, lichte marge aan alle kanten zodat de scanner de code kan lokaliseren.
2. Modules in 100% K: donkere vierkanten opgebouwd uit een enkele zwarte inkt, met scherpe, geregistreerde randen.
3. Lichte achtergrond met hoog contrast: wit of een vlakke lichte kleur, nooit een drukke foto of een donker vlak.
4. Vectorscherpe randen: schone overgangen van zwart naar wit, niet de zachte, anti-aliased randen van een opgeschaald raster.

Wat je de drukker daadwerkelijk aanlevert

Als de drukker of productiemanager om het ontwerp vraagt, geef ze dan, op volgorde van voorkeur:

1. SVG: native vector, schaalt oneindig, de beste standaardkeuze voor de meeste klussen.
2. Vector-PDF: uitstekend, en vaak precies het formaat waar een drukkerij om vraagt.
3. EPS: een professioneel vectorformaat voor drukwerk dat CMYK-kleurprofielen ondersteunt.
4. Hoge-resolutie-PNG: alleen als laatste redmiddel, op 300 DPI of meer op eindformaat, en nooit JPG.

Een paar overdrachtsdetails besparen je een herdruk. Lever de code aan op een effen lichte achtergrond in plaats van transparant, of bevestig met de drukker dat het gebied van de stille zone wit wordt gedrukt, want een transparante achtergrond kan gekleurd papier of onderliggend ontwerp laten doorschijnen en het contrast verwoesten. Bevestig dat de code een echt vectorobject in CMYK is, niet een rasterafbeelding ingebed in een vectorbestand. En vertel de drukker expliciet dat de donkere modules 100% K zijn en in de prepress niet naar rich black mogen worden omgezet. Niets hiervan is exotisch, maar het moet hardop worden gezegd, want de standaardinstellingen van de prepress beschermen een QR-code niet voor je.

De persfouten waar niemand je voor waarschuwt

Zelfs een perfect bestand kan onderuit worden gehaald door het fysieke drukwerk. Dit zijn de productierealiteiten om op in te spelen, en ze zijn de reden dat een proef op het echte papier meer waard is dan welke controle op het scherm ook.

• Dot gain op ongestreken en gestructureerd papier. Inkt vloeit uit naarmate hij in poreus papier trekt, dus modules groeien en kunnen in elkaar gaan lopen, wat het patroon vervaagt. Hoe ruwer en absorberender het papier, hoe erger het is. Beperk het door de code op ongestreken papier wat groter te drukken, waar het kan te kiezen voor gestreken of glad papier, en je drukker te vragen naar baanbreedtecompensatie bij natte-inkt- of inkjetprocessen.
• Vernis, UV-lak, lamineren en glanzend papier. Een reflecterende afwerking kan spiegelende schittering recht terug naar de camera werpen en het lezen verhinderen, vooral onder winkelverlichting of zon. Een matte afwerking absorbeert licht in plaats van het te weerkaatsen, en is dus de veiligere keuze over een code. Is een glanzende afwerking onmisbaar voor het stuk, test dan grondig.
• Codes die te klein zijn gedrukt voor de leesafstand. De bekende vuistregel is ongeveer 10:1: de code moet minstens een tiende zo breed zijn als de afstand waarvandaan mensen hem scannen, dus een code die je vanaf een meter leest, wil zo'n 10 cm breed zijn, met een praktische ondergrens van ongeveer 2 bij 2 cm voor drukwerk dat je van dichtbij scant. Dit komt uitgebreid aan bod in de maatgids; het punt hier is dat drukwerkproductie een code die te klein is gespecificeerd, niet kan redden.

Als een gedrukte code na dit alles nog steeds niet wil lezen, loopt de diagnosegids voor QR-codes die niet scannen stap voor stap door het isoleren van de oorzaak.

Maak een proef op papier voordat de oplage draait

Er is geen vervanging voor het scannen van een fysieke proef, op het echte papier en de echte afwerking, voordat de volledige oplage draait. Schermvoorbeelden en digitale proeven verbergen dot gain, inktuitvloeiing, misregistratie en schittering, de vier dingen die een gedrukte code het vaakst slopen. Druk het echte stuk, op het echte papier, met de echte lak, en scan het.

Test met meer dan een telefoon. Gebruik een recent topmodel en een goedkoper of ouder toestel, op zowel iOS als Android als het kan, want camera's en decoders verschillen. Scan in het licht waarin de code echt komt te leven, de winkelvloer, de straat, het schemerige restaurant, niet alleen een fel verlicht kantoor. Vijf minuten met drie telefoons in de proeffase zijn de goedkoopste verzekering in de hele campagne.

Een herdruk die je blij zult zijn te vermijden

Dit alles doen beschermt het drukwerk. Het beschermt de bestemming niet. Een statische code bakt de URL in het patroon, dus als de landingspagina verhuist of de campagne een andere kant op gaat, is elk gedrukt stuk dood en is een herdruk de enige oplossing. Een dynamische QR-code codeert in plaats daarvan een korte redirect, zodat je na het drukken kunt veranderen waar hij naartoe wijst zonder het ontwerp aan te raken. Voor elke gedrukte campagne die het waard is om zo zorgvuldig te proefen, is het de moeite waard om een code te coderen die je nog kunt bijsturen, en je krijgt scanmeting er gratis bij. Zie hoe je een drukcampagne meet met QR-codes voor de meetkant.

Veelgestelde vragen

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

Een vectorformaat. Gebruik eerst SVG, dan een vector-PDF, dan EPS. Alle drie schalen naar elk formaat zonder kwaliteitsverlies, omdat ze de code opslaan als paden in plaats van pixels. Gebruik alleen een hoge-resolutie-PNG als raster onvermijdelijk is, op 300 DPI of meer op eindformaat, en gebruik nooit JPG, waarvan de compressie de harde randen beschadigt waar een QR-code op steunt.

Welke DPI moet een QR-code hebben voor drukwerk?

Minstens 300 DPI op het uiteindelijke drukformaat, het standaardminimum voor drukwerk tegenover de 72 tot 96 PPI van een scherm. Voor kleine codes onder zo'n 25 mm of voor verpakkingen is 600 DPI veiliger. De pixelgrootte is gelijk aan het drukformaat in inches maal de DPI, dus een code van 1 inch heeft minstens 300 bij 300 pixels nodig. Een vectorbestand omzeilt DPI helemaal, en daarom is het de betere aanlevering.

Moet een QR-code CMYK of RGB zijn voor drukwerk?

CMYK voor commercieel drukwerk, met de donkere modules alleen op 100% K (C0 M0 Y0 K100). Converteer bewust in plaats van de software van de drukker automatisch te laten omzetten vanuit RGB, want die conversie kan kleur verschuiven en het contrast tussen de code en de achtergrond verlagen.

Waarom mislukt mijn gedrukte QR-code terwijl het bestand er perfect uitziet?

De gebruikelijke boosdoeners zijn rich black (zwart opgebouwd uit meerdere inkten, dat op de pers misregistreert en moduleranden vervaagt), een raster met lage resolutie of in JPG, een stille zone die aan de rand is weggesneden, laag contrast na een conversie van RGB naar CMYK, of een glanzende afwerking die schittering veroorzaakt. Zet de modules op 100% K, lever vector aan, bescherm de marge van vier modules en maak een proef op het echte papier.

Wat is rich black en waarom is het slecht voor QR-codes?

Rich black is een dieper zwart gemengd uit meerdere CMYK-inkten, bijvoorbeeld C60 M40 Y40 K100. Op de pers kunnen de aparte inktplaten iets uit register schuiven, waardoor elke kleine modulerand schaduwen krijgt en zacht wordt en het contrast daalt. Voor een raster van piepkleine vierkanten is dat genoeg om een scanner te verslaan. Gebruik in plaats daarvan 100% K met een enkele inkt.

Hoeveel vrije ruimte heeft een QR-code eromheen nodig?

Vier modules vrije, lichte ruimte aan elke kant. Dat is de stille zone die Denso Wave en ISO/IEC 18004 definieren, en die laat een scanner de rand van de code vinden. Is een module 0,5 mm breed, dan is dat minstens 2 mm marge rondom. Houd omliggend ontwerp en de snijlijn eruit.

Kort samengevat

Een gedrukte QR-code mislukt op de pers, niet op je scherm, dus maak het bestand klaar voor de pers. Lever vector aan (SVG, EPS of vector-PDF) zodat randen scherp blijven op elk formaat, en val alleen terug op 300 DPI raster als het moet, nooit JPG. Bouw de donkere modules alleen op uit 100% K, niet uit rich black, en converteer bewust naar CMYK zodat je geen contrast verliest. Bescherm de stille zone van vier modules en houd de snijlijn eruit. Bewijs daarna het hele ding door een fysieke proef te scannen, op het echte papier en de echte afwerking, met twee of drie telefoons, voordat de oplage draait. Doe dat, codeer een dynamische code zodat een verhuisde pagina nooit een herdruk betekent, en je drukcampagne leest bij de eerste poging, elke keer.