Meilleures pratiques en matière de codes QR: taille, contraste, correction d'erreurs et tests
Comment créer des codes QR qui scannent de manière fiable sur papier et sur écran: taille minimale, zone calme, couleurs, niveaux de correction d'erreur, codes statiques ou dynamiques et sécurité.
· 7 min de lecture
Les codes QR sont devenus vraiment courants pendant la pandémie, lorsque les menus des restaurants, les check-ins et les paiements sont passés aux téléphones. Aujourd'hui, ils apparaissent sur les emballages, les cartes de visite, les affiches, les factures, les publicités télévisées et les badges des conférences. La génération d'un code prend quelques secondes, mais un nombre surprenant de codes imprimés échouent à être scannés: trop petits, faible contraste, marges manquantes ou pointant vers une URL qui n'existe plus. Ce guide couvre ce qui détermine réellement si un code QR fonctionne, et comment concevoir et tester des codes qui scannent la première fois.
Comment un code QR stocke des données
Un code QR est une grille de carrés sombres et clairs appelés modules. Trois grands motifs dans les coins permettent à une caméra de localiser le code et de déterminer son orientation. Des modèles d'alignement plus petits corrigent la distorsion de perspective, et des modèles de synchronisation aident le décodeur à déterminer la taille de la grille. Le reste de l'espace contient vos données plus les informations de correction d'erreur.
Les codes sont disponibles en 40 versions, allant de 21 × 21 modules (version 1) à 177 × 177 (version 40). Le générateur choisit la version la plus petite qui correspond à votre contenu au niveau de correction d'erreur choisi. Plus de données signifie plus de modules, et plus de modules signifie que chacun est plus petit à une taille d'impression donnée qui est la racine de la plupart des problèmes de numérisation.
Gardez le contenu court
L'amélioration la plus efficace consiste à encoder moins de données:
- Une URL de 25 caractères s'intègre dans un code de version 2 (25 × 25 modules).
- Une URL de 120 caractères avec des paramètres de suivi nécessite la version 6 ou 7 (41 × 41 ou 45 × 45 modules).
A la même taille d'impression, les modules du code plus court sont presque deux fois plus grands, donc il scanne à deux fois la distance et tolère mieux le flou, l'éblouissement et les caméras de téléphone bon marché. Utilisez un domaine ou un chemin court, supprimez les paramètres de requête inutiles et évitez d'encoder du texte long quand un lien le ferait.
Taille et distance de balayage
Une règle générale pratique est que la largeur du code doit être au moins un dixième de la distance de balayage:
| Distance de balayage | Largeur minimale du code |
|---|---|
| 25 cm (table, carte de visite) | 2,5 cm |
| 1 m (affiche à distance de bras) | 10 centimètres |
| 3 m (affiche murale) | 30 centimètres |
| 10 m (affichage) | 1 m |
Pour les codes denses, ajouter 20 à 50% à ces chiffres. Ne jamais imprimer un code QR plus petit que 2 × 2 cm.
La zone calme
La spécification QR nécessite une marge vierge de quatre modules autour du code. Les scanners utilisent cette bordure vide pour trouver les bords. Les concepteurs le recadrent souvent pour économiser de l'espace ou pour placer le code sur un fond occupé, et la fiabilité de l'analyse diminue considérablement. Gardez au moins quatre modules d'arrière-plan plat de chaque côté; dans un générateur de code QR, c'est le paramètre Marge.
Contraste et couleur
Les scanners convertissent l'image en gamme de gris et recherchent des différences de luminosité. Cela conduit à quelques règles:
- Le noir sur le blanc est idéal. Les couleurs de marque bleu foncé, vert foncé ou foncé sur fond blanc ou pâle fonctionnent bien.
- ** Évitez les couleurs claires au premier plan.** Les couleurs jaune, gris clair, pastel et néon manquent souvent de contraste.
- ** Évitez les codes inversés** (modules lumineux sur fond sombre) à moins de les avoir testés; certaines applications de scanner ne les prennent pas en charge.
- ** Aucun dégradé ou image derrière le code.** Si le code doit être sur une photo, placez-le sur un panneau blanc massif avec une zone calme.
- Voir le milieu. Les finitions brillantes provoquent des reflets sous les lumières des magasins; le mate est plus sûr. Les autocollants transparents prennent la couleur de ce à quoi ils sont collés.
Niveaux de correction des erreurs
Les codes QR utilisent la correction d'erreur ReedSolomon, de sorte qu'un code partiellement endommagé ou obscurci peut encore être lu:
| Le niveau | Dommages récupérables | À utiliser |
|---|---|---|
| L | environ 7% | Écrans, environnements propres, maximiser la capacité |
| M | environ 15% | Par défaut pour la plupart des imprimantes |
| Q | environ 25% | Extérieur, industriel, éventuellement abîmés |
| H | environ 30% | Logo au centre, environnements difficiles |
Des niveaux plus élevés ajoutent de la redondance, ce qui augmente le nombre de modules. Ne choisissez pas le H par défaut; choisissez-le uniquement lorsque vous avez besoin de la résilience, par exemple lorsque vous placez un logo au centre.
Ajouter un logo
Un logo peut rendre un code reconnaissable, mais il obscurcit les modules. Pour le faire en toute sécurité:
- Utilisez le niveau de correction d'erreur H.
- Gardez le logo sous environ 20% de la surface du code et centré.
- Ne couvrez jamais les trois indicateurs ou la zone calme.
- Donnez au logo un fond solide afin qu'il ne se fond pas dans les modules environnants.
- Testez avec plusieurs téléphones, y compris les modèles plus anciens et les modèles économiques.
Codes QR statiques ou dynamiques
Un code "statique" contient directement le contenu final. Il fonctionne pour toujours, n'a pas besoin d'entretien et n'implique aucun suivi. Le compromis: une fois imprimé, le contenu ne peut pas changer.
Un code dynamique contient une courte URL de redirection gérée par un service QR, qui vous redirige vers votre destination et enregistre les scans. Vous pouvez changer la destination plus tard et voir les analyses. Les risques: si le service se ferme, change de prix ou si votre abonnement expire, chaque code imprimé se casse et certains services gratuits ont inséré des annonces ou des pages interstitielles.
Un bon moyen: générer un code statique pointant vers une URL courte sur votre propre domaine, comme example.com/menu, et configurer des redirections sur votre serveur. Vous conservez le contrôle, vous pouvez modifier la destination et mesurer les visites avec vos analyses existantes sans dépendre d'un tiers.
Types de contenu au-delà des URL
Les codes QR peuvent coder un contenu structuré que les téléphones comprennent nativement:
- Wi-Fi:
WIFI:T:WPA;S:CafeGuest;P:coffee2026;;permet aux invités de se joindre sans entrer le mot de passe. - Cartes de contact: une vCard (
BEGIN:VCARD ... END:VCARD) enregistre le nom, le téléphone et le courrier électronique en un seul clic. - E-mail et SMS:
mailto:hello@example.com?subject=HiouSMSTO:+15551234567:Hello. - Événements de calendrier: un bloc iCalendar
VEVENTajoute un événement. - Place géographique:
geo:52.52,13.405ouvre une carte.
Chaque champ supplémentaire augmente la taille des données, alors gardez les cartes de contact concises.
Sécurité et confiance
Les codes QR sont opaques pour les humains, que les attaquants exploitent le soi-disant "quishing". Les faux autocollants sur les compteurs de stationnement et les tables des restaurants ont redirigé les gens vers des pages de paiement de phishing. Pour maintenir la confiance:
- Utilisez un domaine reconnaissable sur HTTPS, afin que l'aperçu du téléphone montre une URL en qui les gens ont confiance.
- Imprimez l'URL courte sous forme de texte à côté du code, pour que les gens puissent le vérifier ou le taper manuellement.
- Pour les emplacements publics, utilisez des matériaux qui ne peuvent pas être altérés et vérifiez-les périodiquement.
- Évitez les raccourcisseurs d'URL qui cachent le domaine de destination.
Liste de contrôle des essais
Avant d' envoyer quelque chose à imprimer:
- Scannez avec au moins deux téléphones et deux applications, y compris la caméra intégrée sur iOS et Android.
- Testez à la taille réelle: imprimez une preuve, ne scannez pas simplement à partir de votre écran.
- Essai à la distance prévue et dans l'éclairage prévu.
- Confirmez que la destination fonctionne sur mobile, se charge rapidement et utilise HTTPS.
- Vérifiez que la zone calme a survécu à la mise en page finale et à l'entretien.
- Exporter en SVG ou en PNG haute résolution; éviter JPEG, dont la compression brouille les bords du module. Si vous avez besoin d'un petit fichier pour le web, voir comment compresser des images mais gardez les codes QR dans des formats sans perte.
Les codes QR par rapport aux codes à barres
Les codes QR contiennent beaucoup plus de données et peuvent être scannés sous n'importe quel angle, c'est pourquoi ils conviennent aux URL et aux paiements. Les codes à barres linéaires demeurent la norme pour la caisse de détail et la logistique, car les scanners et les chaînes d'approvisionnement existants en dépendent. Pour une visite des symbologies linéaires et 2D, voir [types de codes à barres expliqués] ((/blog/barcode-types-expliqués).
Résumé
Codifiez le moins possible, imprimez suffisamment pour la distance de balayage, gardez une zone calme de quatre modules, utilisez des couleurs sombres sur la lumière avec un fort contraste, choisissez délibérément la correction d'erreur, préférez les codes statiques pointant vers votre propre domaine et testez des impressions réelles sur de vrais téléphones. Suivez ces pratiques et vos codes fonctionneront pour tout le monde, à chaque fois.
Cette page a été traduite automatiquement depuis l'anglais. Si vous repérez une erreur, dites-le-nous.