Créer un fichier SVG BIMI (procédure détaillée)

Cette page explique comment créer un fichier SVG BIMI pour pouvoir ajouter votre logo aux e-mails avec BIMI.

Il n'existe actuellement aucune application permettant de créer un fichier SVG répondant à toutes les exigences BIMI. Les fichiers SVG pour BIMI doivent généralement être modifiés manuellement à l'aide d'un éditeur de texte ou d'un script à usage spécifique. Découvrez les outils recommandés pour créer un fichier SVG BIMI.

Vous pouvez créer un fichier SVG à l'aide d'Adobe Illustrator, puis apporter des modifications mineures avec un éditeur de texte. Lorsque vous créez votre fichier SVG, assurez-vous de suivre les exigences et recommandations concernant les fichiers SVG.

  1. Ouvrez votre image vectorielle source dans Illustrator. Assurez-vous que l'image du fichier répond aux exigences et recommandations de Gmail pour les images BIMI (qui s'ajoutent à celles de la norme BIMI) :
    1. La hauteur et la largeur minimales sont de 96 pixels.
    2. La taille de l'image doit être spécifiée en pixels absolus. Exemple : width="96" height="96"
    3. N'utilisez pas de dimensions relatives pour spécifier la taille de l'image. Exemple : width="100%" height="100%"
    4. Centrez l'image du logo dans un carré.
    5. L'image du logo doit apparaître sur un arrière-plan de couleur unie. Les arrière-plans transparents peuvent ne pas s'afficher comme prévu.
    6. La taille du fichier SVG ne doit pas dépasser 32 ko.
    7. Pour des raisons d'accessibilité, le fichier SVG doit inclure l'élément <desc> (description).
    8. Le fichier SVG ne doit pas inclure les éléments suivants : bitmaps, liens vers d'autres fichiers, texte ou objets groupés. Pour que le texte du fichier reste un objet, utilisez la fonctionnalité Vectoriser d'Illustrator.
  2. Sélectionnez Fichier > Enregistrer sous….
  3. Dans la fenêtre Enregistrer sous :
    • Saisissez le nom de fichier dans le champ Enregistrer sous. Nous vous recommandons de n'utiliser que des lettres minuscules et des tirets, par exemple mamarque-bimi.svg. N'utilisez pas de caractères spéciaux.
    • À côté de Format, sélectionnez SVG (svg). Ne sélectionnez pas SVG compressé (svgz).
  4. Cliquez sur le bouton Enregistrer.
  5. Dans la fenêtre Options SVG :
    • À côté de Profils SVG, sélectionnez SVG Tiny 1.2.
    • À côté de Emplacement de l'image, sélectionnez Conserver.
  6. Cliquez sur le bouton OK pour finir d'enregistrer le fichier.

  7. Ouvrez le fichier dans un éditeur de texte. Vous modifierez la première partie du fichier, qui ressemble à ceci :

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px"
y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
<g id="design">

  8. Modifiez les lignes 3 et 4 du fichier texte :

    • Assurez-vous que la valeur svg version est définie sur 1.2. Si ce n'est pas le cas, remplacez-le par 1.2.
    • Remplacez la valeur baseProfile par tiny-ps.
    • Supprimez les attributs et valeurs x et y.
    • Ajoutez une balise et une valeur <title>, comme indiqué dans l'exemple de l'étape 8. Le titre doit se trouver après <svg et avant <g>.

  9. Après avoir apporté les modifications, vérifiez que la première partie du fichier ressemble à ceci :

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="preserve">
<title>Solarmora Services</title>
<g id="design">

  10. Enregistrez les modifications apportées au fichier texte. L'extension de fichier doit être .svg.

Étapes suivantes

Ensuite, obtenez un VMC ainsi que les fichiers PEM et de certificat associés.


Google, Google Workspace, ainsi que les marques et logos associés sont des marques appartenant à Google LLC. Tous les autres noms de sociétés et de produits sont des marques des sociétés auxquelles ils sont associés.