Comment créer un code QR avec le logo de l'entreprise — et est-ce sûr pour le scan ?

Je te dirai comment je vois les choses après des années à créer ces codes pour des clients. Le carré en noir et blanc fonctionne. Il se scanne parfaitement. Il ressemble juste exactement au même que le code du voisin, le code de la concurrence et le code sur le prospectus que quelqu'un a glissé dans ta boîte aux lettres. Aucun intérêt.

Et maintenant, placez le logo au centre. Soudain, la personne voit à qui appartient ce code avant même d'approcher son téléphone. Et elle scanne plus volontiers, car elle reconnaît la marque. La différence dans les lectures peut être considérable.

La question qui revient toujours à cette étape : « est-ce que cela ne va pas endommager mon scan ? ». Non. À condition de ne pas le faire n'importe comment.

Pourquoi le logo n'envoie-t-il pas tout le code QR avec le logo en l'air

Voici une petite magie qu'il vaut la peine de comprendre. Chaque code QR contient une correction d'erreurs intégrée. Il s'agit d'un surplus de données qui permet au lecteur de reconstituer l'ensemble, même si une partie du code est sale, froissée ou obstruée par quelque chose.

Au niveau le plus élevé (indiqué par la lettre « H »), le code survivra à la couverture d'environ 30 % de la surface. Le logo au centre en consomme généralement 20 à 25 %. Cela signifie que vous êtes dans les limites, et même avec une marge de sécurité.

Deux choses auxquelles je m'en tiens toujours :

1. Le logo va au centre même. Jamais dans les coins. Ces trois carrés épais dans les coins sont des marqueurs de position, grâce à eux le lecteur détecte où se trouve le haut et le bas. Si vous en couvrez un, c'est fini, le code est mort.
2. Donnez au logo un contour blanc. Une fine marge tout autour. Cela sépare votre graphique des « pixels » du code et aide vraiment à la lecture, surtout si le logo a une forme irrégulière ou dentelée.

Travail étape par étape

Sur cutty.dev, vous le faites en même temps que la réduction du lien, car le code QR est intégré automatiquement à chaque lien. C'est parti :

1. Raccourcissez le lien ou utilisez celui que vous avez déjà dans le panneau.
2. Allez dans la section « Code QR » sur la page d'édition.
3. Importez votre logo (PNG, SVG, JPG, peu importe). Il se place au centre, et la correction d'erreurs passe automatiquement à un niveau supérieur. Vous n'avez rien à cliquer.
4. Choisissez la couleur du code et de l'arrière-plan pour qu'ils correspondent à votre marque.
5. Téléchargez. PNG pour l'écran et les réseaux sociaux, SVG pour l'impression (il s'aguste sans perte de netteté, donc utilisez le SVG pour une bannière ou un roll-up).

L'aperçu s'actualise en direct. Vous voyez le résultat avant que quoi que ce soit ne soit enregistré sur le disque.

Attention à ceci : les couleurs peuvent vous jouer des tours

C'est ce moment précis où les gens échouent le plus souvent, alors écoutez attentivement.

Le scanner ne lit pas les couleurs. Il lit le contraste. Vous pouvez peindre le code, très bien, mais respectez la règle : code sombre sur fond clair. Pas l'inverse. Code clair sur fond sombre, certes, cela se scannera sur votre téléphone haut de gamme, mais ensuite, le client avec un vieil Android se tient là et jure parce que rien ne s'affiche.

Et ne placez pas la couleur du code trop près de la couleur de fond. Du bleu marine sur du noir ? Oubliez. Plus le contraste est élevé, plus le code est lisible de loin (et sur un site web ou une affiche d'arrêt de bus, cela a justement son importance).

Ce que personne ne vous dira : où atterrit votre logo

La plupart des générateurs de codes avec logo vous demandent de télécharger votre fichier sur leur serveur. Et c'est là qu'il faut s'arrêter une seconde. Votre identité visuelle, parfois la seule version vectorielle correcte, se retrouve chez un fournisseur tiers. Et les conditions d'utilisation prévoient parfois le droit de continuer à utiliser ce fichier. Quelqu'un a-t-il déjà lu ces conditions ? Eh bien voilà.

Chez nous, le code est généré dans votre navigateur. Le logo ne quitte pas votre ordinateur, n'est envoyé nulle part et n'est pas enregistré. Le fichier reste le vôtre.

Vous imprimez une fois, vous dirigez où vous voulez

Enfin, un conseil qui vous fera économiser beaucoup d'argent lors de la réimpression.

Créez le code à partir d'un lien court, et non d'une adresse brute et longue. Pourquoi ? Parce qu'un code basé sur un lien court peut être modifié ultérieurement de l'intérieur. Vous changez la destination du lien dans le panneau de configuration, et ce même code imprimé redirige soudainement ailleurs. Une promotion est terminée ? Redirigez vers une nouvelle, sans toucher aux flyers.

Le code imprimé directement sur une longue adresse est figé. Changement de destination = nouveau code = nouvelle impression = nouvelle facture de l'imprimerie. Réfléchissez-y avant de commander mille cartes de visite.