Nous avons abordé le sujet du BIMI (Brand Indicators for Message Identification) dans un précédent article. Avant de pouvoir être affiché correctement dans la boîte de réception, ce logo doit répondre à plusieurs exigences. Dans cet article, on vous explique comment le créer à partir d’une image SVG. Suivez le guide.
Bref rappel sur le BIMI
Ce standard récent offre la possibilité aux destinataires d’emails d’identifier immédiatement l’expéditeur grâce à l’affichage du logo de ce dernier à côté d’un message électronique authentifié. Une norme qui sert autant la marque l’utilisant que le public, et source de divers avantages pour l’une comme pour l’autre (meilleure délivrabilité, hausse du taux d’ouverture, prévention des fraudes, identification simplifiée de l’expéditeur, visibilité accrue de la marque, etc.).
Qu’est-ce qu’une image SVG ?
Le terme SVG (Scalable Vector Graphics) désigne un format vectoriel créé à la fin des années 90, communément utilisé pour afficher des images, mais aussi des graphiques ou des illustrations 2D sur un site web. L’extension de ce format est .svg.
L’image SVG est composée d’une ou plusieurs formes définies par des points reliés par des lignes et des courbes, contrairement aux images PNG, GIF et JPEG qui sont pour leur part constituées de pixels colorés. La particularité des fichiers SVG, si l’on compare aux autres cités, est de permettre de redimensionner l’image (agrandissement ou réduction) sans qu’elle perde sa résolution. Un atout particulièrement pratique pour les logos de marques dans le cadre du BIMI.
Créer un logo BIMI à partir d’une image SVG
Les points essentiels à prendre en compte
Tout d’abord, il est bon de connaître les exigences spécifiques en matière de logo BIMI. Il doit s’agir d’un fichier au format SVG Tiny 1.2, inscrit dans un carré, sur un fond uni, mais également capable de s’intégrer dans un cercle, car c’est ainsi que cela s’affiche dans certaines boîtes de réception. Il doit aussi être publié via HTTPS. Enfin, le fichier ne doit pas peser plus de 32 Ko.
La création du logo BIMI avec image SVG étape par étape
Étape 1 : exporter vers SVG Tiny 1.2 en utilisant Adobe Illustrator
Ouvrez votre logo sur Adobe Illustrator. Au moment d’enregistrer le fichier, nommez-le puis sélectionnez le format SVG (svp). Une fois que vous cliquez sur « Enregistrer », une boîte de dialogue apparaît avec un menu déroulant « Profils SVG ». Ici, sélectionnez « SVG Tiny 1.2 ». Pour ce qui est de l’emplacement de l’image, cliquez sur « Conservez », puis validez.
Une fois votre logo SVG Tiny 1.2 exporté, vous pouvez utiliser un éditeur de texte afin de rendre votre image conforme en ajustant les deux lignes du code XML qui le composent.
Étape 2 : convertir votre image SVG Tiny 1.2 en SVG Tiny Portable/Secure
Pour convertir votre image SVG Tiny 1.2 en SVG Tiny Portable/Secure à l’aide d’un moniteur de texte, ouvrez-la dans l’éditeur de texte choisi. Il en existe des gratuits comme Atome, Nano, CodePen ou encore Sublime Text par exemple.
Pour modifier le code XLM, commencez par supprimer les attributs x/y si votre image en possède. Ensuite, remplacez le profil de base (« baseProfile » ou « tiny ») par « tiny-ps ». Enfin, ajoutez le titre qui vous convient, par exemple « Captain Verify ». Celui-ci ne doit pas contenir plus de 64 caractères. Après cela, vous pouvez enregistrer votre image.
Bon à savoir :
L’autre option qui se présente à vous pour convertir votre image SVG Tiny 1.2 en SVG Tiny Portable/Secure est d’utiliser les outils mis à disposition sur le site BIMI Group.