Best practices voor QR-code-ontwerp: contrast, logo's, foutcorrectie en afdrukformaten
Leer hoe je scanbare, merkgerichte QR-codes maakt. Alles over kleurcontrast, logoplaatsing, foutcorrectieniveaus en optimale afdrukformaten.
Waarom QR-code-ontwerp belangrijk is
Een QR-code is alleen nuttig als deze betrouwbaar gescand kan worden. Slechte ontwerpkeuzes — laag contrast, te grote logo's of piepkleine afdrukafmetingen — kunnen je code volledig onleesbaar maken. Deze gids behandelt de essentiële ontwerpprincipes die je QR-codes zowel merkconform als functioneel houden.
Regels voor kleurcontrast
Kleur is de allerbelangrijkste factor voor de scanbaarheid van een QR-code. Scanners vertrouwen op het verschil tussen donkere modules en de lichte achtergrond om de informatie te decoderen.
De gouden regel: donker op licht
Gebruik altijd een donkere voorgrond op een lichte achtergrond. Het omkeren van deze verhouding (lichte modules op een donkere achtergrond) zal bij veel scanners problemen veroorzaken.
Minimale contrastverhouding
| Scenario | Minimale contrastverhouding | Aanbeveling |
|---|---|---|
| Standaard drukwerk | 4:1 | Gebruik 7:1 of hoger voor het beste resultaat |
| Digitale schermen | 4,5:1 | Volg de WCAG AA-standaarden |
| Buitenreclame | 7:1 | Houd rekening met zonlicht en weerkaatsing |
Kleurtips
- Zwart op wit blijft de meest betrouwbare combinatie op alle apparaten.
- Je kunt merkkleuren gebruiken, maar controleer altijd eerst met een contrastchecker.
- Vermijd kleurovergangen over QR-modules — ze verminderen de randdefinitie.
- Gebruik nooit vergelijkbare tinten voor voorgrond en achtergrond (bijv. donkerblauw op middenblauw).
- Houd de stille zone (de lege rand rondom de code) in dezelfde kleur als de achtergrond.
Plaatsing en formaat van het logo
Een logo toevoegen aan het midden van een QR-code is een populaire brandingtechniek, maar het moet zorgvuldig worden uitgevoerd.
Richtlijnen voor plaatsing
- Centreer het logo altijd binnen de QR-code. Niet-gecentreerde logo's riskeren het verbergen van uitlijnpatronen.
- Het logo moet zich in een klein, schoon rechthoekig of cirkelvormig gebied bevinden met een contrasterend achtergrond.
- Plaats nooit een logo over de drie grote zoekpatronen (de vierkanten in de hoeken) of de kleinere uitlijnpatronen.
Maximale logogrootte
Het logo mag niet meer dan een bepaald percentage van het totale QR-code-oppervlak bedekken, afhankelijk van het foutcorrectieniveau:
| Foutcorrectieniveau | Max. logobedekking |
|---|---|
| L (Laag — 7 %) | Niet aanbevolen |
| M (Gemiddeld — 15 %) | Tot 10 % |
| Q (Kwartiel — 25 %) | Tot 15–18 % |
| H (Hoog — 30 %) | Tot 20–25 % |
Best practice: Gebruik foutcorrectieniveau H wanneer je een logo insluit en houd het logo onder 20 % van het QR-code-oppervlak.
Foutcorrectieniveaus uitgelegd
QR-codes gebruiken Reed-Solomon-foutcorrectie om scanbaar te blijven, zelfs wanneer delen van de code beschadigd of bedekt zijn. Er zijn vier niveaus:
Niveau L — Laag (7 % herstel)
- Kleinste codeformaat, hoogste gegevensdichtheid.
- Het beste voor uitsluitend digitaal gebruik waar schade onwaarschijnlijk is.
- Niet gebruiken met logo's.
Niveau M — Gemiddeld (15 % herstel)
- De standaardinstelling van de meeste generatoren.
- Geschikt voor algemene codes zonder logo.
- Goede balans tussen grootte en veerkracht.
Niveau Q — Kwartiel (25 % herstel)
- Aanbevolen voor codes die matige slijtage kunnen ondervinden, zoals op verpakkingen.
- Kan kleine logo's tolereren als ze zorgvuldig worden geplaatst.
Niveau H — Hoog (30 % herstel)
- Maximale veerkracht — tot 30 % van de code mag beschadigd zijn.
- Vereist wanneer logo's of ontwerpelementen worden ingesloten.
- Produceert de grootste code: plan je afdrukafmetingen dienovereenkomstig.
Minimale afdrukformaten
Een QR-code moet groot genoeg zijn zodat camerasensoren de individuele modules kunnen onderscheiden. Het vereiste formaat hangt af van de scanafstand.
Formaat per scanafstand
| Scanafstand | Minimaal QR-code-formaat | Typisch gebruik |
|---|---|---|
| 10 cm | 2 × 2 cm | Visitekaartjes, etiketten |
| 30 cm | 3 × 3 cm | Flyers, menu's, verpakkingen |
| 1 m | 10 × 10 cm | Posters, verkooppunt |
| 3 m | 30 × 30 cm | Banners, etalages |
| 10 m | 1 × 1 m | Reclameborden, gevelbelettering |
De 10:1-regel
Een snelle formule: het formaat van de QR-code moet minimaal 1/10e zijn van de verwachte scanafstand. Als gebruikers scannen van 2 meter afstand, moet de code minstens 20 cm breed zijn.
Afdrukresolutie
- Exporteer QR-codes waar mogelijk als vectorbestanden (SVG of PDF, beschikbaar in het Premium-plan) om pixelvorming op elk formaat te voorkomen.
- Zorg bij rasterafbeeldingen voor minimaal 300 DPI voor drukwerk.
- Elke module moet minimaal 4 × 4 pixels zijn bij de uiteindelijke uitvoerresolutie.
Testen op verschillende apparaten
Publiceer nooit een QR-code zonder deze eerst te testen. Het scangedrag verschilt aanzienlijk tussen apparaten.
Testchecklist
- Test met minimaal 3 verschillende apparaten — een recente iPhone, een recente Android-telefoon en een ouder model.
- Scan vanaf de minimaal verwachte afstand en vanaf het dubbele van die afstand.
- Test onder verschillende lichtomstandigheden: helder daglicht, tl-verlichting binnenshuis en weinig licht.
- Controleer of de bestemmings-URL correct laadt en geoptimaliseerd is voor mobiel.
- Test bij gedrukte codes met het daadwerkelijke drukmateriaal, niet alleen de schermversie.
Veelgemaakte fouten vermijden
Dit zijn de meest voorkomende ontwerpfouten bij QR-codes en hoe je ze kunt voorkomen:
- Omgekeerde kleuren — Lichte modules op een donkere achtergrond. Houd altijd donker op licht aan.
- Onvoldoende stille zone — De lege rand moet aan alle zijden minimaal 4 modules breed zijn.
- Te veel data — Meer data betekent meer modules en een dichter patroon. Gebruik korte URL's of linkverkorters.
- Export met lage resolutie — Wazige modules kunnen niet worden gescand. Exporteer altijd in vectorformaat.
- Logo over zoekpatronen — De drie hoekvierkanten zijn cruciaal voor de oriëntatie. Blokkeer ze nooit.
- Geen tests — Elke code moet op meerdere apparaten worden gescand voordat deze in productie gaat.
- Dynamische inhoud zonder monitoring — Als je QR-code naar een dynamische URL verwijst, controleer dan regelmatig of deze actief blijft.
Snelle referentiechecklist
Voordat je een QR-code finaliseert, loop je deze lijst door:
- Donkere voorgrond op lichte achtergrond met contrastverhouding boven 4:1
- Stille zone van minimaal 4 modules aan elke zijde
- Foutcorrectieniveau H als er een logo is ingesloten
- Logo bedekt minder dan 20 % van het QR-oppervlak
- Afdrukformaat volgt de 10:1-afstandsregel
- Geëxporteerd als SVG/PDF (Premium) voor druk of hoge-resolutie PNG voor digitaal
- Getest op 3+ apparaten onder wisselende omstandigheden
- Bestemmings-URL is actief, correct en mobielvriendelijk
Het ontwerpen van een QR-code is een balans tussen merkuitdrukking en technische betrouwbaarheid. Volg deze best practices en je codes zullen elke keer perfect scannen.