Comment ajouter un logo et un cadre à un QR code (sans l’empêcher d’être lu)
Un QR code tout simple est un carré gris : personne ne sait où il mène ni pourquoi le scanner. Un logo au centre dit de qui il vient, et un cadre avec « Scannez-moi » ou « Menu » dit quoi faire. Les deux donnent bien plus envie de sortir son téléphone.
Ce guide explique comment ajouter un logo et un cadre avec le générateur de QR code gratuit, et comment vérifier que le résultat reste lisible. Vous débutez avec les QR codes ? Commencez par comment créer un QR code.
Pourquoi un logo n’abîme pas le code
Couvrir une partie d’un QR code avec une image semble une mauvaise idée, mais les QR codes sont prévus pour cela. Chaque code contient des données en plus, répétées, appelées correction d’erreurs, pour qu’un lecteur puisse reconstituer les parties illisibles. Il existe quatre niveaux :
- Faible (7 %) et Moyenne (15 %) : bien pour un code simple, trop faibles pour un logo.
- Quartile (25 %) : suffisant pour un petit logo.
- Élevée (30 %) : le choix sûr avec un logo. Jusqu’à 30 % du code peut être couvert ou abîmé, et il reste lisible.
Quand vous ajoutez un logo, le générateur passe en Élevée pour vous et garde le logo à environ un cinquième de la largeur du code, bien en dessous de ce qu’Élevée peut réparer. Si vous redescendez à Faible ou Moyenne, il vous prévient.
Comment ajouter un logo à un QR code
- Ouvrez le générateur de QR code et saisissez votre adresse web. Le code apparaît pendant la saisie. Vous pouvez aussi créer un QR code de carte de visite ou un QR code de texte ; les logos et cadres fonctionnent de la même façon.
- Sous Logo, choisissez l’un des Logos prêts à l’emploi, ou cliquez sur Importer le vôtre pour utiliser le logo de votre entreprise (PNG, JPG, WebP ou SVG).
- Vérifiez l’aperçu, puis cliquez sur Télécharger le PNG ou Télécharger le SVG.
Les logos prêts à l’emploi sont répartis en trois groupes :
- Des badges Scan me, qui disent quoi faire dans le code lui-même.
- Applis : WhatsApp, Instagram, Facebook, YouTube, TikTok, X, Telegram, Snapchat, Pinterest, Threads, Spotify, Discord, PayPal, Google Maps, l’App Store et Google Play, chacun dans ses couleurs. Utilisez-les sur des codes qui mènent à votre propre page ou compte.
- Des icônes de contact : site web, e-mail, téléphone, adresse, Wi-Fi et carte de contact.
Conseil pour votre propre logo : un logo simple et carré, sur fond transparent ou blanc, fonctionne le mieux. Un logo large avec un petit texte devient illisible à cette taille ; utilisez seulement le symbole ou vos initiales.
Comment ajouter un cadre
Un cadre place un court message autour du code : « Scannez-moi », « Menu », « Commandez ici », « Wi-Fi gratuit ». Sous Cadre, choisissez l’un des 15 styles, comme Étiquette en bas, Manuscrit ou Tasse de café, puis saisissez votre message dans Texte du cadre (jusqu’à 24 caractères).
Le cadre est dessiné autour du code, jamais dessus : il n’a donc aucun effet sur la lecture. Il est inclus dans le PNG comme dans le SVG.
Des mots courts et précis fonctionnent le mieux. « Scannez pour voir le menu » vaut mieux que « Scannez-moi », car on sait ce que l’on obtient.
Des couleurs qui restent lisibles
- Code foncé, fond clair. Vous pouvez utiliser la couleur de votre marque comme Couleur du code, tant qu’elle est nettement plus foncée que l’Arrière-plan. Le générateur vous prévient si les couleurs sont trop proches.
- Attention aux codes clairs sur fond foncé. Certains lecteurs ne les lisent pas. Si vous en utilisez, testez avec plusieurs téléphones.
- Gardez la marge. Le bord vide autour du code aide le téléphone à le trouver. Laissez la Marge sur Standard, sauf si le code est déjà sur une zone unie et claire.
PNG ou SVG ?
Le PNG est une image, prête pour les sites web, e-mails, réseaux sociaux et documents ; choisissez une grande taille pour l’impression. Le SVG reste net à n’importe quelle taille : c’est le meilleur choix pour les affiches, menus, emballages et tout ce qui passe par un imprimeur ou un graphiste.
Testez avant d’imprimer
Scannez toujours le code terminé avec deux ou trois téléphones différents, à la distance où les gens se trouveront. Vérifiez qu’il ouvre la bonne page. Un mauvais lien sur mille flyers imprimés est une erreur coûteuse.
Questions fréquentes
Un QR code avec logo expire-t-il ?
Non. Les codes créés ici sont statiques : votre lien est enregistré dans le code lui-même, il fonctionne donc tant que la page vers laquelle il mène existe. Aucun compte ni abonnement n’est nécessaire.
Quelle taille peut avoir le logo ?
Le générateur la règle pour vous, à environ un cinquième de la largeur du code, la taille sûre avec une correction d’erreurs Élevée. Un logo plus grand risquerait de couvrir une trop grande partie du code.
Mon logo est-il envoyé ?
Non. Le code, le logo et le cadre sont dessinés dans votre navigateur. Votre logo ne quitte jamais votre appareil.
Autres articles
- Comment comparer deux fichiers PDF et voir exactement ce qui a changé
- Comment extraire le texte d’une image (OCR gratuit dans votre navigateur)
- Comment convertir du Markdown en HTML (avec aide-mémoire)
- Comment valider du XML avec un schéma XSD (et corriger les erreurs)
- Comment comparer deux fichiers Excel ou CSV et trouver les différences