Ajouter un logo à un QR code sans le casser

Pourquoi un logo ne casse pas le code

Tout QR code intègre une correction d’erreur : une partie du motif est redondante, ce qui permet au lecteur de reconstruire les modules qu’il ne parvient pas à lire. Il existe quatre niveaux, L, M, Q et H, qui tolèrent qu’environ 7, 15, 25 ou 30 pour cent du code soient recouverts ou abîmés tout en restant décodables. Un logo placé au centre du code recouvre quelques modules, et la correction d’erreur les reconstitue. Tant que le logo recouvre moins que ce que le niveau peut récupérer, avec une marge pour les dégâts réels que le code subira aussi, le scan réussit.

Ce que la correction d’erreur ne peut pas remplacer, ce sont les trois grands carrés dans les angles. Ce sont les repères d’angle, les motifs de repérage : l’appareil photo s’en sert pour localiser le code et déterminer son orientation avant de lire quoi que ce soit. Un logo qui touche un carré d’angle casse le code, quel que soit le niveau. Gardez le logo au centre ; c’est pour cela que tout générateur sérieux le place là et que le nôtre ne vous laisse pas le déplacer.

Les trois règles

• Réglez la correction d’erreur sur H. C’est le niveau qui laisse le plus de place au logo, au prix d’un code un peu plus dense. Pour un code dynamique avec un lien court, ce surcroît de densité est faible et sans importance.
• Limitez le logo à environ un cinquième de la surface du code. Cela laisse l’essentiel des 30 pour cent de marge aux rayures, à la saleté, aux reflets et à une impression médiocre. Un logo qui occupe un tiers du code peut se scanner sur votre écran et échouer sur l’affiche.
• Gardez le contraste. Le logo ne doit pas reposer sur un fond qui se confond avec les modules autour de lui, et les modules eux-mêmes doivent rester sombres sur clair. Un logo de couleur claire avec une fine bordure libre autour est la forme la plus sûre.

Étape par étape dans QR Solutions

• Créez le code : saisissez la destination, ou ouvrez un code dynamique existant et choisissez de modifier son design. L’aperçu se met à jour à chaque modification.
• Réglez les couleurs des modules et de l’arrière-plan sous Couleurs. Ouvrez les réglages de couleur avancés et passez le niveau de correction d’erreur sur H.
• Sous Logo, téléversez votre logo en PNG, JPEG ou SVG. Le générateur le redimensionne et le place au centre.
• Réglez la taille du logo avec le curseur. Commencez autour d’un cinquième du code et n’allez plus loin que si vous avez une raison de le faire.
• Scannez l’aperçu avec votre téléphone, depuis l’écran. S’il se lit, téléchargez le SVG pour l’impression ou le PNG pour les écrans. Le design est enregistré avec le code ; la destination reste modifiable par la suite.

Quel logo fonctionne le mieux

Un symbole simple vaut mieux qu’un logotype. Un pictogramme ou une initiale dans un cercle se lit à la taille qu’un logo occupe dans un code ; un nom d’entreprise complet avec sa signature ne se lit pas, et il lui faut une surface plus large pour être lisible, ce qui coûte des modules. Utilisez la version de votre logo conçue pour les petites tailles, celle qui vous sert de favicon ou d’icône d’application, et donnez-lui un fond uni ou un fin liseré blanc pour qu’il se détache nettement des modules.

La couleur est libre : le logo peut être de n’importe quelle couleur, car le lecteur ne s’intéresse qu’aux modules autour de lui. Les modules peuvent eux aussi prendre une couleur de marque, tant qu’ils restent nettement plus sombres que l’arrière-plan. Un code bleu marine avec un logo orange sur crème se scanne aussi bien que du noir sur blanc.

Testez-le tel qu’il sera utilisé

Un code personnalisé doit être testé à l’impression, pas seulement à l’écran. Imprimez-en un à la taille finale, scannez-le à la vraie distance avec deux téléphones différents, et une fois de plus après qu’il a été manipulé et plié. S’il se lit à chaque fois, le logo a la bonne taille. S’il se lit sur un téléphone et pas sur l’autre, le logo est trop grand ou le contraste trop faible ; réduisez-le d’un cran et testez à nouveau. Trente secondes de ce test évitent une réimpression.

Le code reste dynamique d’un bout à l’autre. Ajouter, changer ou retirer le logo ne change jamais où mène le code, et rediriger le code plus tard ne change jamais son apparence. Le design et la destination sont indépendants, et c’est ce qui vous permet de personnaliser un code avant de savoir où il pointera finalement.

Questions fréquentes