Een logo in een QR-code zetten zonder hem te breken

Waarom een logo de code niet breekt

Elke QR-code bevat foutcorrectie: een deel van het patroon is redundant, zodat een scanner modules die hij niet kan lezen kan reconstrueren. Er zijn vier niveaus, L, M, Q en H, waarbij grofweg 7, 15, 25 of 30 procent van de code bedekt of beschadigd mag zijn en hij nog decodeert. Een logo midden op de code bedekt een aantal modules, en de foutcorrectie vult ze weer in. Zolang het logo minder bedekt dan het niveau kan herstellen, met marge voor de echte schade die de code ook nog tegenkomt, lukt de scan.

Wat foutcorrectie niet kan vervangen, zijn de drie grote vierkanten in de hoeken. Dat zijn de hoekmarkeringen; de camera gebruikt ze om de code te vinden en zijn oriëntatie te bepalen voordat hij iets leest. Een logo dat een hoekvierkant raakt, breekt de code, welk niveau je ook kiest. Houd het logo in het midden; daarom zet elke serieuze generator het daar, en laat de onze het niet verplaatsen.

De drie regels

• Zet de foutcorrectie op H. Dat geeft de meeste ruimte voor een logo, tegen de prijs van een wat dichtere code. Bij een dynamische code met een korte link is die extra dichtheid klein en maakt hij niet uit.
• Houd het logo op ongeveer een vijfde van het oppervlak van de code. Zo blijft het grootste deel van de marge van 30 procent over voor krassen, vuil, schittering en een matige druk. Een logo dat een derde van de code vult, scant misschien op je scherm en mislukt op de poster.
• Houd het contrast. Het logo mag niet op een achtergrond staan die opgaat in de modules eromheen, en de modules zelf moeten donker op licht blijven. Een licht logo met een smalle vrije rand eromheen is de veiligste vorm.

Stap voor stap in QR Solutions

• Maak de code: vul de bestemming in, of open een bestaande dynamische code en kies ervoor het ontwerp te bewerken. Het voorbeeld wordt bij elke wijziging bijgewerkt.
• Stel onder Kleuren de kleuren van de modules en de achtergrond in. Open de geavanceerde kleurinstellingen en zet het foutcorrectieniveau op H.
• Upload onder Logo je logo als PNG, JPEG of SVG. De generator past het formaat aan en zet het in het midden.
• Stel de grootte van het logo in met de schuifregelaar. Begin rond een vijfde van de code en ga alleen groter als je daar een reden voor hebt.
• Scan het voorbeeld met je telefoon, vanaf het scherm. Leest hij, download dan SVG voor drukwerk of PNG voor schermen. Het ontwerp wordt met de code opgeslagen; de bestemming blijft daarna aanpasbaar.

Welk logo het beste werkt

Een simpel beeldmerk wint van een woordmerk. Een symbool of een initiaal in een cirkel is leesbaar op het formaat dat een logo in een code krijgt; een volledige bedrijfsnaam met een slogan niet, en die heeft een groter vlak nodig om leesbaar te zijn, wat modules kost. Gebruik de versie van je logo die voor kleine formaten is ontworpen, die je als favicon of app-icoon gebruikt, en geef hem een effen achtergrond of een dun wit randje, zodat hij zich netjes losmaakt van de modules.

Kleur is vrij: het logo mag elke kleur hebben, want de scanner kijkt alleen naar de modules eromheen. De modules mogen ook een huisstijlkleur hebben, zolang ze duidelijk donkerder blijven dan de achtergrond. Een marineblauwe code met een oranje logo op crème scant net zo goed als zwart op wit.

Test hem zoals hij gebruikt wordt

Een code met logo moet je testen vanaf de druk, niet alleen vanaf het scherm. Druk er één op het definitieve formaat, scan hem van de echte afstand met twee verschillende telefoons, en nog eens nadat hij is beetgepakt en gekreukt. Leest hij elke keer, dan heeft het logo het juiste formaat. Leest hij op de ene telefoon wel en op de andere niet, dan is het logo te groot of het contrast te laag; maak het een stap kleiner en test opnieuw. Dertig seconden hiervan bespaart een herdruk.

De code blijft de hele tijd dynamisch. Een logo toevoegen, veranderen of weghalen verandert nooit waar de code heen gaat, en de code later omleiden verandert nooit hoe hij eruitziet. Het ontwerp en de bestemming staan los van elkaar, en daardoor kun je een code al in je huisstijl zetten voordat je weet waar hij uiteindelijk heen wijst.

Veelgestelde vragen