QR-code met logo: herkenbaar en toch scanbaar

Elke QR-code bevat naast je gegevens extra herstelinformatie. Daarmee kan een telefoon de inhoud reconstrueren, ook als een deel van de blokjes ontbreekt of beschadigd is. Dat is bedoeld voor vlekken, krassen en kreukels, maar het werkt ook voor een logo. Het logo bedekt een deel van de blokjes in het midden, en de telefoon vult de ontbrekende informatie aan met de herstelinformatie. Zolang het logo binnen die marge blijft, leest de code gewoon.

Hoeveel er mag ontbreken, hangt af van het niveau van foutcorrectie. Er zijn vier niveaus, elk met een eigen letter.

Hoe hoger het niveau, hoe meer blokjes de code nodig heeft voor dezelfde inhoud.

Foutcorrectie H kan ongeveer 30 procent van de gegevens herstellen, maar dat is een theoretisch maximum. Een logo dat zo groot is, laat geen ruimte over voor een kras, een slechte afdruk of lastig licht. Houd het logo daarom liefst rond 20 procent van het oppervlak van de code en blijf ruim onder de 30 procent. Begin liever klein en maak het logo pas groter als de test goed gaat. Een code die net niet scant, is op papier niets waard.

Niet elk deel van de code is even belangrijk. De drie grote vierkanten in de hoeken heten zoekpatronen. Daarmee vindt de camera de code en bepaalt hij hoe die gedraaid is. Bedek ze nooit, ook niet gedeeltelijk. Daarnaast heeft een code rondom een lege rand nodig, de stille zone, van minstens vier blokjes breed. Zet je logo dus altijd in het midden, nooit in een hoek of tegen de rand, en laat de rand rond de hele code leeg.

Een logo brengt vaak kleur mee, en dan is de verleiding groot om ook de code in je huisstijl te zetten. Dat kan, zolang de blokjes veel donkerder blijven dan de ondergrond. Donkerblauw, donkergroen of bordeaux op wit of crème werkt prima. Lichtgrijs, geel of pastel op wit niet. Gebruik geen kleurverloop dat lichte stukken in de blokjes oplevert. En zet de code niet op een drukke foto, maar op een rustig, licht vlak.

Niet elk logo past even goed in een klein vlak. Een beeldmerk of een enkele letter werkt meestal beter dan een lange woordnaam, die in het midden van een code onleesbaar klein wordt. Gebruik een versie met een effen of transparante achtergrond, zodat het logo netjes tussen de blokjes ligt. Een witte rand rond het logo helpt om het los te laten komen van de code. Heb je alleen een liggend logo, overweeg dan om alleen het symbool te gebruiken.

Je ziet in de generator gratis hoe je code eruitziet met je logo erin. Zo beoordeel je de grootte en de kleuren voordat je iets beslist. Downloaden met logo kan met een abonnement, vanaf Start voor € 4,99 per maand. Daarbij krijg je ook vijf aanpasbare codes, scanstatistieken en downloads als SVG, PDF en EPS voor drukwerk. Een code zonder logo blijft altijd gratis, zonder watermerk en zonder reclame. Wat je verder gratis kunt doen, lees je bij gratis QR-code maken.

Mensen zijn voorzichtiger geworden met het scannen van codes, en dat is begrijpelijk. Een losse code zegt niets over de afzender. Een herkenbaar logo in het midden maakt in één oogopslag duidelijk dat de code bij jouw bedrijf hoort. Op een verpakking, gevel of folder sluit hij aan bij de rest van je huisstijl. Een logo is wel geen garantie: na het scannen ziet de bezoeker nog steeds welk adres er opent, en dat moet kloppen.

Een code met veel inhoud heeft veel kleine blokjes en is van zichzelf al lastiger te scannen, zeker op een klein formaat. Een logo haalt daar nog wat marge af. Kies voor een code met logo daarom bij voorkeur korte inhoud. Een korte link werkt beter dan een lange met parameters. Een volledige vCard met adres en notities is minder geschikt. Een dynamische QR-code bevat altijd een korte link en blijft daardoor rustig, ook met een logo erin.

Gebruik voor de code een scherpe versie van je logo, niet een kleine afbeelding van je website of een schermafdruk. Een onscherp logo valt in het midden van een code extra op, zeker als je hem groot laat drukken. Heb je van je ontwerper verschillende varianten gekregen, kies dan de vereenvoudigde of compacte versie. Werk je met donkere en lichte varianten, neem dan de versie die goed afsteekt tegen de achtergrond van de code. Bewaar het resultaat bij je andere logobestanden, zodat je het later terugvindt.

Een logo werkt in beide soorten codes. In een statische code staat je inhoud vast in het patroon. In een aanpasbare code staat een korte link, waarvan je de bestemming later kunt wijzigen. Bij een code die lang in omloop blijft, zoals op een verpakking of gevelbord, is die combinatie het sterkst: een herkenbaar logo en een bestemming die je kunt bijwerken. Met Start heb je beide in één abonnement.

Naast kleur kies je in de generator de vorm van de blokjes en de hoeken. Ronde blokjes en afgeronde hoeken passen vaak mooi bij een logo met zachte vormen. Hoekige blokjes passen beter bij een strak, zakelijk logo. Houd het wel rustig: hoe meer je tegelijk verandert, hoe groter de kans dat de code lastiger leest. Combineer een logo dus liever met een eenvoudige vorm, en test na elke wijziging opnieuw.

Soms moet een code op een donker vlak, zoals een zwarte verpakking of een donkere bus. Zet de code dan op een licht vak, met de stille zone erin, en plaats dat vak op de donkere achtergrond. Een omgekeerde code met lichte blokjes op donker leest niet elke scanner even goed. Het logo zelf mag in dat lichte vak gewoon in zijn eigen kleuren staan, zolang het niet over de blokjes heen loopt.

Een code met logo vraagt meer van de camera dan een code zonder. Test hem daarom altijd voordat je laat drukken. Scan met verschillende telefoons, een nieuwere en een oudere, met de gewone camera-app. Probeer het bij gewoon binnenlicht en vanaf de afstand waarop mensen straks scannen. Werkt het bij één toestel niet, maak het logo dan kleiner of het contrast groter. De gratis scancheck controleert daarnaast het contrast en de stille zone en noemt een minimale printmaat.

Een code met logo print je liever iets groter dan een code zonder, omdat er minder marge over is. Een veelgebruikte vuistregel is dat de code minstens een tiende is van de afstand waarop gescand wordt: wie van twee meter scant, heeft ongeveer 20 centimeter nodig. Voor drukwerk is een vectorbestand handig, omdat het op elk formaat scherp blijft. Met een abonnement download je de code als SVG, PDF of EPS. Meer over bestandsformaten lees je bij QR-code als PNG of SVG.

Een logo voegt het meest toe waar mensen moeten beslissen of ze een code vertrouwen:

• op verpakkingen en productlabels;
• op visitekaartjes en briefpapier;
• op posters, flyers en beursmateriaal;
• op bedrijfswagens en gevelborden;
• op schermen en displays in je zaak.

Op een visitekaartje met QR-code houd je de inhoud dan wel kort.

Een logo in het midden vertelt van wie de code is, maar niet wat hij doet. Zet daarom een korte oproep bij de code, zoals Scan voor ons menu of Bekijk de handleiding. Die tekst staat buiten de stille zone, onder of naast de code. Wie weet wat hij krijgt, scant sneller. Logo en tekst samen maken de code herkenbaar en duidelijk, zonder dat je de code zelf voller hoeft te maken.

De meeste problemen met een code met logo hebben dezelfde oorzaken. Het logo is te groot, zodat er te weinig herstelruimte overblijft. Het logo staat niet in het midden en raakt een zoekpatroon. De code heeft een lichte kleur op een lichte achtergrond. De stille zone is weggesneden om ruimte te besparen. Of de code is niet op een gewone telefoon getest voordat hij gedrukt werd. Loop deze punten na en je voorkomt bijna elke mislukte scan.