QR-code ontwerpen: 12 regels voor codes op maat die altijd scannen

Een QR-code in je eigen huisstijl, met je kleuren en logo, valt op — en onderzoek van printmarketeers laat steeds weer zien dat vormgegeven codes met een duidelijke call-to-action vaker worden gescand dan kale zwarte vierkantjes. Maar elke ontwerpkeuze bepaalt ook of de code nog leesbaar is. Volg deze twaalf regels en je hebt het allebei.

1. Zorg voor sterk contrast

Scanners zetten je code om naar zwart-wit voordat ze hem decoderen. Lijken voor- en achtergrond te veel op elkaar, dan lopen de modules in elkaar over. Mik op een contrastverhouding van minstens 4:1 — donker marineblauw, diepgroen, bordeauxrood of antraciet op wit of een heel lichte tint werkt allemaal goed. Pastel op wit, of middengrijs op een achtergrond in een middentoon, werkt niet.

Onze QR-code generator controleert het contrast terwijl je ontwerpt en waarschuwt je als het te laag wordt.

2. Donkere code, lichte achtergrond

De meeste scanners verwachten donkere modules op een lichte achtergrond. Geïnverteerde codes (licht op donker) zien er stijlvol uit en moderne telefooncamera’s kunnen ze meestal lezen, maar veel oudere apparaten en losse scanner-apps lukt dat nog steeds niet. Is je ontwerp donker? Zet de code dan op een licht ‘kaartje’ in plaats van hem te inverteren.

3. Respecteer de witrand

De lege marge rond een QR-code — de witrand of quiet zone — hoort bij de standaard. Tekst, randen of drukke afbeeldingen die de code raken, maken het moeilijker om hem te vinden. Houd aan elke kant een marge van minstens vier modules aan, of minstens twee als de code op een effen achtergrond staat. Kaders zijn prima, zolang er vrije ruimte zit tussen het kader en de modules.

4. Wees zuinig met kleurverlopen

Kleurverlopen ogen modern, maar houd beide uiteinden donker genoeg voor voldoende contrast met de achtergrond. Een verloop van marineblauw naar violet werkt; een verloop dat van marineblauw naar lichtblauw vervaagt, maakt het lichte uiteinde onleesbaar. Radiale verlopen zijn het veiligst als het midden en de buitenkant ongeveer even donker zijn.

5. Kies de vorm van de puntjes met zorg

Afgeronde puntjes, rondjes, ruiten en verbonden ‘vloeiende’ stijlen scannen allemaal betrouwbaar, zolang het patroon dicht en regelmatig blijft. Heel dunne lijnen of piepkleine stipjes verkleinen het donkere oppervlak dat scanners uitlezen, dus gebruik ze alleen met goed contrast en een flink printformaat. Twijfel je? Kijk dan naar de scanbaarheidsindicator in het voorbeeld.

6. Houd de zoekpatronen herkenbaar

Met de drie ‘ogen’ in de hoeken vindt een scanner de code. Je mag ze afronden, inkleuren of een bladvorm geven — dat hoort erbij als je een code een eigen uitstraling wilt geven — maar houd ze massief, min of meer vierkant en duidelijk gescheiden van de data. Vervang ze nooit door iconen en haal nooit het binnenste vierkant weg.

7. Geef het logo het juiste formaat

Een logo in het midden werkt dankzij foutcorrectie, die ontbrekende data kan herstellen. Met twee regels blijft dat veilig:

• Zet de foutcorrectie op Q of H als je een logo toevoegt.
• Houd het logo op ongeveer 20–25% van de breedte van de code en geef het een kleine witte achtergrond of wat witruimte eromheen.

De generator schakelt automatisch over op hoge foutcorrectie als je een logo toevoegt en haalt de puntjes erachter weg, zodat het logo het patroon niet overlapt.

8. Houd de inhoud kort

Elk extra teken maakt het patroon dichter. Een link van 25 tekens levert een strakke code van versie 2 op; een tracking-URL van 150 tekens geeft een drukke code van versie 7 die veel groter moet worden afgedrukt. Gebruik een korte, nette URL — bij voorkeur je eigen domein met een eenvoudig pad — en verwijder overbodige trackingparameters.

9. Druk hem groot genoeg af

De vuistregel: een QR-code is te scannen vanaf ongeveer tien keer zijn breedte. Een code op een visitekaartje (2–3 cm) werkt op armlengte; een poster die je vanaf 3 meter leest, heeft een code van zo’n 30 cm nodig. Ga nooit onder de 2 × 2 cm. Gebruik onze QR-code formaatcalculator voor een exact advies op basis van afstand en inhoud.

10. Gebruik het juiste bestandsformaat

• SVG voor drukwerk, verpakkingen en ontwerpsoftware — het is een vectorformaat en blijft op elk formaat scherp.
• PNG voor websites, presentaties en documenten — gebruik minstens 1024 px.
• JPG alleen als je geen transparantie nodig hebt, en nooit sterk gecomprimeerd.

Vermijd screenshots en opnieuw gecomprimeerde afbeeldingen: wazige randen van modules zijn een veelvoorkomende oorzaak van mislukte scans.

11. Voeg een kader en een call-to-action toe

Een kale code vertelt mensen niet wat ze krijgen. Een kort label zoals “Scan voor het menu”, “Verbind met onze wifi” of “Krijg 10% korting” schept verwachtingen en zorgt voor meer scans. Kaders met een tekstbanner of tekstballon laten de code er doordacht uitzien en helpen hem op te vallen in drukke ontwerpen. Houd de tekst kort — twee tot vier woorden.

12. Test voordat je drukt

Test altijd het definitieve bestand — niet alleen het voorbeeld — op minstens twee verschillende telefoons (iPhone en Android), met de standaard camera-app, bij realistische verlichting en op de echte afstand. Controleer of de link de juiste pagina opent en of die pagina goed werkt op mobiel. Druk daarna eerst één proefexemplaar af voordat de hele oplage de deur uitgaat.

Bonus: wek vertrouwen

Door QR-codephishing (“quishing”) zijn sommige mensen voorzichtig geworden met scannen. Help ze om je code te vertrouwen:

• Gebruik je eigen herkenbare domein in plaats van een anonieme verkorte link.
• Zet je merknaam en logo op of bij de code.
• Plaats codes nooit op plekken waar ze verward kunnen worden met officiële betaal- of parkeercodes.

Snelle checklist

• Contrast van 4:1 of beter, donker op licht
• Witrand van minstens vier modules
• Herkenbare zoekpatronen
• Logo ≤ 25% met foutcorrectie Q of H
• Korte inhoud, passend printformaat
• SVG voor drukwerk, PNG in hoge resolutie voor schermen
• Een duidelijke call-to-action
• Getest op meerdere telefoons

Breng deze regels in de praktijk met de gratis QR-code generator — of maak in één keer veel consistente codes met de bulk QR-code generator.