Hoe maak je een QR-code met een bedrijfslogo — en is dit veilig om te scannen

Ik zal je vertellen hoe ik dit zie na jarenlang deze codes voor klanten te hebben gemaakt. Het zwart-wit vierkant werkt. Het scant perfect. Het ziet er alleen precies hetzelfde uit als de code van de buurman, de code van de concurrent en de code op de flyer die iemand in je brievenbus heeft gegooid. Helemaal niet uniek.

En zet nu het logo in het midden. Plotseling ziet de persoon van wie de code is, nog voordat hij de telefoon er zelfs maar bij houdt. En men scant liever, omdat men het bekende merk ziet. Het verschil in scans kan aanzienlijk zijn.

De vraag die in deze fase altijd gesteld wordt: "zal dit mijn scan niet verpesten?". Nee. Op voorwaarde dat je het niet lukraak doet.

Waarom het logo de hele QR-code met logo niet de lucht in blaast

Hier is een beetje magie die het waard is om te begrijpen. Elke QR-code bevat ingebouwde foutcorrectie. Dit is een soort overbodige bagage aan gegevens, waardoor de scanner het geheel kan reconstrueren, zelfs als een deel van de code vuil, gekreukt of bedekt is met iets anders.

Op het hoogste niveau (aangeduid met de letter "H") overleeft de code een bedekking van ongeveer 30% van het oppervlak. Het logo in het midden neemt meestal 20–25% in beslag. Dat betekent dat je ruim voldoende ruimte hebt.

Twee dingen waar ik me altijd aan houd:

1. Het logo gaat precies in het midden. Nooit in de hoeken. Deze drie dikke vierkantjes in de hoeken zijn positie-markers; de scanner gebruikt deze om te bepalen waar boven en onder is. Als je er één bedekt, is het klaar, de code is dood.
2. Geef het logo een witte rand. Een dunne marge eromheen. Het scheidt je grafische ontwerp van de "pixels" van de code en helpt echt bij het lezen, vooral wanneer het logo een rafelige, onregelmatige vorm heeft.

Stap voor stap werken

Bij cutty.dev doe je dit terwijl je de link inkort, omdat de QR-code automatisch bij elke link wordt toegevoegd. Laten we gaan:

1. Verkort de link of open een link die je al in het paneel hebt.
2. Ga naar de sectie „QR-code" op de bewerkingspagina.
3. Upload je logo (PNG, SVG, JPG, wat je maar hebt). Het komt in het midden te staan en de foutcorrectie gaat automatisch naar een hoger niveau. Je hoeft nergens op te klikken.
4. Kies de kleur van de code en de achtergrond passend bij je merk.
5. Downloaden. PNG voor scherm en social, SVG voor drukwerk (schaalt zonder kwaliteitsverlies, dus kies juist SVG voor een banner of roll-up).

De preview wordt live bijgewerkt. Je ziet het effect voordat er iets op de schijf wordt opgeslagen.

Let op: kleuren kunnen je misleiden

Dit is dat ene moment waarop mensen het meest de fout in gaan, dus luister goed.

De scanner leest geen kleuren. Hij leest contrast. Je kunt de code wel schilderen, alsjeblieft, maar houd je aan de regel: donkere code op een lichte achtergrond. Niet andersom. Lichte code op een donkere achtergrond kan wel, dat wordt gescand op je vlaggenschip-telefoon, maar daarna staat de klant met een oudere Android te vloeken omdat er niets wordt herkend.

En plaats de kleur van de code niet te dicht bij de achtergrondkleur. Marineblauw op zwart? Vergeet het maar. Hoe groter het contrast, hoe zekerder de code van een grotere afstand wordt opgepikt (en op een website of een poster bij een bushalte maakt dat juist uit).

De zaak waar niemand je over zal vertellen: waar je logo terechtkomt

De meeste logo-code generators vragen je om een bestand naar hun server te uploaden. En hier moet je even een seconde stilstaan. Je merknaam, soms de enige fatsoenlijke vectorversie, belandt bij een externe provider. En in de algemene voorwaarden kan het recht op verder gebruik van dit bestand zijn opgenomen. Heeft iemand die voorwaarden ooit gelezen? Precies.

Bij ons wordt de code in je browser gegenereerd. Het logo verlaat je computer niet, wordt nergens verzonden of opgeslagen. Het bestand blijft van jou.

Je print één keer, en stuurt het waar je maar wilt

Ten slotte een tip die je ooit veel geld zal besparen op het opnieuw drukken.

Maak de code van een verkorte link, niet van het ruwe, lange adres. Waarom? Omdat een code gebaseerd op een korte link later van binnenuit kan worden aangepast. Je verandert het doel van de link in het paneel, en dezelfde gedrukte code leidt plotseling ergens anders naartoe. Is de promotie afgelopen? Je verwijst door naar een nieuwe, zonder de flyers aan te passen.

Code die rechtstreeks in een lang adres is verwerkt, ligt vast. Verandering van doel = nieuwe code = nieuwe druk = nieuwe factuur van de drukkerij. Denk hierover na voordat je duizend visitekaartjes bestelt.