← Tous les articles

Les codes QR sans magie : ce qu’ils sont, comment ils fonctionnent et comment les rendre beaux

Découvrez ce que stockent les codes QR, le rôle de la taille et de la correction d’erreurs, et comment utiliser couleurs, logos et formes sans nuire au scan.

Un code QR stylisé et très contrasté aux modules arrondis

Un code QR est une image carrée composée de petits modules. Il peut contenir des informations utiles : un lien vers un site, du texte, des coordonnées, des identifiants Wi-Fi, un numéro de téléphone et bien plus encore.

QR signifie Quick Response, autrement dit « réponse rapide ». Le principe est simple : une personne pointe l’appareil photo de son smartphone vers le code, l’appareil reconnaît les données et propose l’action adaptée, par exemple ouvrir un site ou se connecter au Wi-Fi.

Essayez notre générateur gratuit de codes QR

Que peut-on mettre dans un code QR ?

Le choix le plus courant est un simple lien :

https://example.com

Mais un code QR peut contenir bien plus qu’une URL. Vous pouvez y ajouter :

  • du texte brut ;
  • un numéro de téléphone ;
  • un SMS ;
  • une adresse e-mail ;
  • des coordonnées de contact ;
  • des identifiants Wi-Fi ;
  • des coordonnées géographiques ;
  • un lien vers une application ;
  • des données de paiement ;
  • des liens vers les réseaux sociaux ;
  • des données dans un format personnalisé pour votre application.

Au fond, un code QR est un moyen compact de transmettre une chaîne de données.

Codes QR statiques et dynamiques

On peut globalement répartir les codes QR en deux catégories.

Code QR statique

Les informations sont enregistrées directement dans le code.

Par exemple :

https://example.com/catalog

Si l’adresse du site change, vous devrez créer et imprimer un nouveau code QR.

Avantages :

  • simple ;
  • aucun service supplémentaire nécessaire ;
  • fonctionne tant que le lien ou les données enregistrées restent valides.

Code QR dynamique

Un code QR dynamique contient un lien intermédiaire qui redirige l’utilisateur vers la page souhaitée.

Par exemple :

https://go.yourbrand.com/a8F2k

Le serveur décide alors où envoyer l’utilisateur.

Vous pouvez ainsi modifier la destination finale sans réimprimer le code QR et compter les visites. La plateforme MeoVC permet également de suivre les scans de codes QR.

Taille du code QR et quantité de données

Plus vous ajoutez d’informations, plus le code QR devient complexe.

Un petit code QR contenant un lien peut sembler assez simple. Essayez d’y faire tenir plusieurs paragraphes de texte et il faudra beaucoup plus de modules.

La règle est donc simple :

Plus les données sont courtes, plus le code QR est simple et facile à scanner.

Pour les liens, évitez les URL interminables avec des dizaines de paramètres. Préférez une adresse courte ou votre propre redirection.

Principaux réglages d’un code QR

Lors de la création d’un code QR, plusieurs réglages sont généralement disponibles.

Version

La version détermine la taille de la grille du code QR.

La plus petite option est la Version 1, avec une grille de 21 × 21 modules.

Plus la version augmente, plus la grille s’agrandit. La plus grande version standard est la Version 40, qui compte 177 × 177 modules.

En règle générale, vous n’avez pas besoin de choisir la version vous-même. La bibliothèque ou le générateur la sélectionne automatiquement selon la quantité de données.

Taille

Un code QR n’est pas composé de pixels, mais d’éléments logiques appelés modules.

Plus chaque module est grand au moment de la génération, plus l’image finale sera grande.

Pour l’impression, générez le code QR avec une résolution suffisamment élevée ou utilisez un format vectoriel comme le SVG.

Espace autour du code QR

Une zone vide doit entourer le code QR. On l’appelle la quiet zone, ou zone de silence.

Elle aide le scanner à distinguer la fin du design environnant et le début du code.

Ne collez pas le code QR contre du texte, une bordure ou une photo. Même la plus belle mise en page perd de son charme lorsque l’appareil photo répond : « Je n’ai aucune idée de ce que c’est. »

Niveaux de correction d’erreurs

La correction d’erreurs est l’une des fonctions les plus utiles des codes QR.

Grâce à elle, un code reste reconnaissable même si une petite partie est abîmée, sale ou masquée.

Il existe quatre niveaux principaux :

Niveau Correction approximative
L environ 7%
M environ 15%
Q environ 25%
H environ 30%

L — Low

Le niveau de correction le plus faible.

Le code QR est un peu plus simple et peut contenir davantage de données, mais il résiste mal aux dommages.

M — Medium

Un bon choix polyvalent pour les codes QR ordinaires.

Q — Quartile

Une meilleure résistance aux dommages.

Ce niveau convient si le code QR doit figurer sur un emballage, un support imprimé ou dans un environnement où une partie de l’image risque d’être endommagée.

MeoVC utilise le niveau de correction Q par défaut, car il offre un bon équilibre entre la taille du code et sa résistance aux dommages.

H — High

Le niveau de correction le plus élevé.

La correction d’erreurs ne garantit pas qu’un code restera lisible si la moitié est détruite. Elle peut restaurer les données, mais elle a ses limites.

Peut-on placer un logo au centre d’un code QR ?

Oui.

Placer le logo d’une entreprise au milieu est une technique très répandue qui donne immédiatement au code QR une apparence plus cohérente avec la marque.

C’est possible grâce à la correction d’erreurs.

Pour un code QR avec logo, mieux vaut généralement choisir le niveau Q ou H.

Le logo ne doit pas occuper trop de place. Plus il recouvre de modules, plus une caméra risque de décider d’ignorer votre œuvre d’art moderne.

Bonnes pratiques :

  • utiliser un petit logo ;
  • le placer au centre ;
  • laisser un peu d’espace libre autour ;
  • choisir un niveau de correction élevé ;
  • tester le code QR avec plusieurs téléphones.

Surtout, ne masquez pas les trois grands repères carrés situés dans les coins. Ils aident la caméra à déterminer la position et l’orientation du code.

Créer gratuitement un code QR personnalisé

Un code QR ne doit pas forcément être noir et blanc

Le modèle classique utilise des modules noirs sur fond blanc.

Mais ce n’est pas une obligation.

Vous pouvez employer les couleurs de votre marque, des dégradés et d’autres associations.

Par exemple :

  • un code QR bleu foncé sur fond blanc ;
  • un code QR noir sur fond jaune pâle ;
  • un code QR vert foncé sur fond crème.

La principale exigence reste un bon contraste.

Ce qu’il vaut mieux éviter

Mauvaises idées :

  • un code QR gris clair sur fond blanc ;
  • un code QR jaune sur fond vert pâle ;
  • des modules semi-transparents sur une photo ;
  • un arrière-plan très chargé ;
  • un fond et des modules d’une luminosité presque identique.

L’œil humain peut trouver ce type de design séduisant. Une caméra voit les choses de manière moins romantique.

En cas de doute, choisissez des modules nettement plus sombres que le fond.

Peut-on modifier la forme d’un code QR ?

Oui. Le design moderne des codes QR a depuis longtemps dépassé les stricts carrés noirs.

Les modules peuvent être :

  • carrés ;
  • ronds ;
  • arrondis ;
  • en forme de points ;
  • en forme de losanges ;
  • personnalisés.

Vous pouvez également modifier l’apparence des trois grands repères d’angle : les rendre ronds, adoucir leurs coins ou les adapter à l’identité de votre marque.

Une règle s’impose : le scan d’abord, la beauté ensuite.

Si le style empêche la reconnaissance, ce n’est plus un code QR. C’est une peinture abstraite.

Arrière-plan d’un code QR

Le fond ne doit pas forcément être blanc pur.

Vous pouvez choisir une autre couleur claire ou une image soigneusement sélectionnée.

Les photos et les textures complexes demandent toutefois de la prudence.

La solution la plus fiable consiste à placer le code QR sur un aplat séparé, uni ou presque uni. Le design reste ainsi intact sans compromettre la qualité du scan.

Codes QR inversés

Certains designs utilisent des modules clairs sur fond sombre.

Techniquement, un code QR inversé peut fonctionner, mais sa prise en charge dépend du scanner.

Pour une compatibilité maximale, la disposition classique reste plus sûre :

des modules sombres sur un fond clair.

C’est particulièrement important si le code QR doit être imprimé et scanné par de nombreux appareils différents.

Quelle taille choisir pour un code QR imprimé ?

Il n’existe pas de taille universelle.

Notre générateur gratuit de codes QR recommande automatiquement une taille d’impression minimale à 300 DPI, mais cela reste une recommandation. De nombreux facteurs influencent le scan selon le support imprimé.

Parmi eux figurent l’éclairage, la distance, l’angle de vue, l’appareil photo du smartphone et l’application utilisée pour scanner le code QR.

Un code QR sur une carte de visite peut être relativement petit. Sur une affiche, il devra être nettement plus grand. Et sur un panneau publicitaire, il ne devrait certainement pas avoir la taille d’un timbre-poste.

Tenez compte :

  • de la distance par rapport à l’utilisateur ;
  • de la quantité de données ;
  • de la complexité du code QR ;
  • de la qualité d’impression ;
  • de la surface ;
  • de l’éclairage.

Après impression, testez toujours le code QR à la taille exacte à laquelle il sera utilisé.

Tester un énorme PNG sur un écran ne garantit pas que le même code QR fonctionnera aussi bien une fois imprimé au format 15 mm.

Comment tester correctement un code QR

Avant publication, vérifiez les points suivants :

  1. Le code fonctionne-t-il sur Android et iPhone ?
  2. Se scanne-t-il à différentes distances ?
  3. Fonctionne-t-il sous un éclairage imparfait ?
  4. Reste-t-il lisible après impression ?
  5. Le logo gêne-t-il la lecture ?
  6. Le contraste est-il suffisant ?
  7. Y a-t-il assez d’espace libre autour du code ?
  8. Le lien mène-t-il exactement à la bonne destination ?

Le dernier point semble évident, mais un code QR qui mène parfaitement vers une page 404 fonctionne aussi parfaitement sur le plan technique.

Formats d’image

Pour un site web, le PNG suffit souvent.

Pour l’impression, le SVG est plus pratique, car il s’agit d’un format vectoriel. Vous pouvez agrandir le code QR sans perdre en qualité.

Les principales options sont :

PNG convient aux sites web, aux présentations et aux documents.

SVG est idéal pour l’impression, les mises en page et la mise à l’échelle.

WEBP est un format populaire pour les sites web.

JPEG est un format classique adapté à différents usages.

Si le code QR doit être utilisé en grand format, le SVG est généralement le choix le plus pratique.

La règle essentielle d’un bon code QR

Vous pouvez donner à un code QR presque toutes les apparences :

  • coloré ;
  • rond ;
  • avec un dégradé ;
  • avec un logo ;
  • avec des modules originaux ;
  • dans le style de votre marque.

Mais son design ne doit pas entraver sa mission principale : être scanné rapidement.

Le meilleur code QR n’est pas le plus insolite. C’est celui qui est beau et s’ouvre dès la première tentative.

Conservez un fort contraste, ne touchez pas aux éléments fonctionnels, laissez de l’espace libre autour du code et testez le résultat sur de vrais appareils.

Votre code QR sera alors plus qu’un joli carré dans une mise en page. Il deviendra un outil vraiment utile.

Créer votre code QR gratuitement

Questions fréquentes