Tuto : Les QR codes

Code QR Créavolt
Le QR code est l'outil parfait pour faire le lien entre la communication papier et la communication digitale. Pourtant, comme le souligne cet excellent article du Gorafi, il peine encore à devenir un réflexe pour les usagers. En effet, la plupart des smartphones n'ont pas de lecteur de QR codes intégrés nativement. Voici donc tout ce qu'il faut savoir sur les QR codes.


Flashcode ou QR code ?



Le QR code a été créé en 1994 pour le suivi des pièces chez Toyota. Depuis 1999, il est libre et gratuit.
Il contient des données binaires, généralement des caractères alphanumériques.

Le Flashcode est payant. Il contient un n° qui doit être ensuite redirigé vers une base de données.

Nous préfèrerons donc le QR code, plus rapide à mettre en œuvre.


Structure d'un QR Code


Créer un QR code



On l'a vu, un QR code contient des caractères alphanumériques. En général, c'est une URL vers un site web, mais rien ne vous empêche d'écrire un texte, un n° de téléphone ou une adresse email.

Malheureusement tous les lecteurs de QR code ne rendrons pas cliquable les n° de téléphone et les adresses email.

Plus vous écrivez de texte, plus votre QR code prendra de la place. Vous pouvez donc raccourcir les URL longues, avec Bitly par exemple.

Pour générer le QR code, j'utilise goqr.me ou the-qrcode-generator.com, mais il y en a d'autres.

Certains générateurs permettent la redondance qui permet de spécifier la répétition des informations au cas où le QR code serait abimé. C'est en jouant sur ce paramètre que l'on peut arriver à mettre un logo au centre du QR code (ce qui, entre nous, est tout de même très moche).


Intégrer un QR code dans vos publications



Avec goqr.me, vous obtenez une image png que vous pouvez télécharger en faisant clic-droit sur le QR code > Enregistrer l'image sous.

Vous pouvez, si vous le souhaitez, vectoriser le QR code pour changer sa couleur avec votre logiciel de dessin vectoriel favori :


Avec goqr.me


En cliquant sur Download, vous pouvez télécharger le QR Code directement en SVG.


Avec Inkscape


1 Chemin > Vectoriser le bitmap

2 Utiliser ces paramètres :

Vectorisation QR-code Inkscape


Avec Illustrator


1 Fenêtre > Vectorisation de l'image

2 Utiliser ces paramètres :

Vectorisation QR-code Illustrator

3 Objet > Décomposer

4 Objet > Aplatissement des transparences


Taille minimale d'un QR code


On peut lire un peu tout et n'importe quoi sur la taille d'un QR code.

En effet, la taille imprimée du QR code va dépendre du nombre d'informations qu'il contient. Ça peut aller de 1,7 cm pour une petite URL à 5 cm pour un texte de 250 caractères. Plus il est gros, plus il sera facile à lire.

Évidement, si le QR code est destiné à être scanné de loin, il faudra qu'il soit beaucoup plus gros.


Accessibilité


Les lecteurs de QR code sont plus ou moins efficaces. Pour que le QR code soit lisible par un maximum de smartphone, il vaut mieux qu'il soit en positif (couleur claire en fond, QR code en couleur foncée).

Il faut également laisser une marge autour du QRcode.


Lire les QR codes



Sur iPhone, l'app Appareil photo permet de lire les codes QR.

Sur Androïd, il existe tout un tas d'applications pour lire les QR codes. Beaucoup récupèrent vos données personnelles ou vous renvoie carrément vers des pages de pub lorque vous scannez un code QR !

J'utilise le lecteur QR Droïd Private pour Androïd :

  • Gratuit et sans pub.
  • À priori, pas de collecte de données personnelles.
  • Les liens s'ouvrent bien dans votre navigateur par défaut.
  • Lit tous les types de codes (en négatif, micro QR-codes, codes barre...).
  • Met en lien les numéros de téléphones et les adresses email<./li>
  • Une interface complète qui alourdi l'app, mais qui permet de la paramétrer comme on veut.


Voilà, vous êtes maintenant un expert des QR codes 😉.
Retour aux tutos

Besoin de l'aide d'un professionnel pour créer votre site ou votre publication graphique ? Contactez-moi !

Licence Creative Commons Attribution Vous êtes libre de réutiliser cet article à condition de mentionner qu'il a été écrit par Creavolt.fr

Ces tutos peuvent vous intéresser



Logo Inkscape Inkscape, le logiciel de dessin intelligent et intuitif !

Sourire L'accueil du client en magasin : la force du sourire
Contactez-moi !