QR-code PNG of SVG: welk bestand heb je nodig?

Een PNG is een raster van gekleurde puntjes, de pixels. Een QR-code van 1.000 bij 1.000 pixels bestaat dus uit een miljoen puntjes, die samen de blokjes vormen. Vergroot je dat bestand verder dan bedoeld, dan worden de puntjes zichtbaar of de randen vaag. Een SVG werkt anders. Daarin staat geen raster, maar een beschrijving van vormen: hier een vierkant, daar een vierkant. Het programma tekent die vormen opnieuw op elke maat, dus er gaat nooit scherpte verloren.

Voor bijna alles op een scherm en voor het meeste kleine drukwerk. Een PNG zet je in een webpagina, een nieuwsbrief, een document of een presentatie zonder extra software. Hij comprimeert zonder kwaliteitsverlies, zodat de randen van de blokjes strak blijven. Dat is ook de reden om een QR-code niet als JPG op te slaan. Dat formaat maakt het bestand kleiner door details weg te gooien, waardoor er vlekjes rond de blokjes ontstaan.

Zodra de code groot wordt, of als je drukker of ontwerper erom vraagt. Denk aan posters, raamborden, spandoeken, beurswanden en belettering op een bedrijfsauto. Een snijplotter voor folieletters en een lasergraveerder werken ook met vormen, dus daar is een vectorbestand nodig. SVG is het gangbare formaat voor websites en moderne ontwerpprogramma's. PDF gebruiken vrijwel alle drukkerijen. EPS is ouder, maar sommige reclamemakers en drukkers werken er nog altijd mee.

Een SVG open je in elke webbrowser: sleep het bestand in een nieuw tabblad en je ziet de code. Een PDF open je met elke pdf-lezer. EPS is lastiger, want dat opent vaak alleen in een ontwerpprogramma. Zoom in een vectorbestand flink in op een hoek van de code. De randen blijven strak, hoe ver je ook gaat. Zie je bij inzoomen toch pixels, dan zit er een afbeelding in het bestand en geen echte vector.

Drukkers rekenen meestal met 300 dpi, oftewel 300 pixels per inch. Eén inch is 2,54 centimeter. De rekensom is dus: breedte in centimeters gedeeld door 2,54, keer 300. Zo weet je hoeveel pixels je PNG minstens moet hebben. De tabel geeft een paar uitgerekende maten.

Grote formaten van een afstand

Een poster of bord bekijk je niet van dichtbij. Veel drukkers accepteren voor groot werk daarom een lagere resolutie, zoals 150 dpi. Bij die waarde is een PNG van 2.000 pixels goed voor ongeveer 34 centimeter. Vraag het je drukker voordat je ervan uitgaat. Met een vectorbestand hoef je hier niet over na te denken: dat heeft geen resolutie en past op elk formaat.

Een QR-code bestaat uit modules, de kleinste blokjes van het patroon. Een eenvoudige code heeft er 21 in de breedte, een drukke code veel meer. Het mooiste resultaat krijg je als elke module precies hetzelfde aantal pixels breed is. De generator regelt dat bij het downloaden. Schaal je de afbeelding later naar een willekeurige maat, dan worden sommige modules een pixel breder dan andere. Op papier zie je dat zelden, maar op een scherm kan een kleine code er dan rommelig uitzien.

Op een website toon je de code meestal een stuk kleiner dan het bestand. Neem de PNG van 500 pixels en laat hem op de pagina zo'n 200 tot 250 pixels breed zien. Dan blijft hij ook op scherpe schermen strak. Geef de afbeelding een alt-tekst die zegt wat de code doet. Zet er ook een gewone link naast. Wie je site op een telefoon bekijkt, kan zijn eigen scherm niet scannen. Hoe dat toch lukt, lees je bij QR-code scannen op je eigen telefoon.

Een QR-code heeft maar twee kleuren en grote vlakken, dus een PNG blijft klein, ook bij 2.000 pixels. Een SVG is meestal nog kleiner, omdat er alleen een lijstje vormen in staat. Voor de laadtijd van je website maakt het dus weinig uit welke je kiest. Het verschil zit in wat je ermee doet. Een PNG werkt overal direct. Een SVG is handiger als je dezelfde code op verschillende maten wilt laten zien.

Met het Start-abonnement download je je code als SVG, PDF of EPS. Je hebt dan één bestand dat je drukker op elke maat kan gebruiken, zonder te rekenen met pixels en dpi. Start kost € 4,99 per maand en bevat ook aanpasbare codes, scanstatistieken en een logo in de code. Je zegt per maand op. Wat er in elk abonnement zit, staat op de prijzenpagina.

Snel overzicht van het bestand dat in de praktijk het beste werkt:

• website, mail en sociale media: PNG van 500 pixels;
• presentatie of tekstdocument: PNG van 1.000 pixels;
• flyer, folder en visitekaartje: PNG van 1.000 of 2.000 pixels, of PDF;
• poster, raambord en spandoek: SVG of PDF;
• folieletters, graveren en lasersnijden: SVG of EPS.

Download altijd zelf het bestand in plaats van een schermafbeelding te maken. Zet een PNG niet om naar JPG. Moet je een PNG toch vergroten in een fotoprogramma, kies dan de methode naaste buur, in het Engels nearest neighbor. Die verdubbelt pixels zonder ze te vervagen, zodat de randen hard blijven. Houd de code altijd precies vierkant. Meer over drukwerk, papier en stickers lees je bij QR-code printen.

Een PNG en een SVG gebruiken schermkleuren. Een drukker zet die om naar drukinkt, en felle schermkleuren worden daarbij vaak doffer. Een helderblauw of fel groen kan op papier lichter uitvallen dan je verwacht. Daardoor daalt het contrast tussen de blokjes en de achtergrond. Kies voor drukwerk dus een donkere, verzadigde kleur en controleer een proefdruk. Wil je je logo in de code, lees dan eerst QR-code met logo.