Convertir le logo de votre marque en SVG conforme à BIMI

Pourquoi le BIMI nécessite un format SVG spécial

Pour afficher le logo de votre marque dans les boîtes aux lettres électroniques via BIMI, votre logo doit être dans un format SVG très spécifique : SVG Tiny 1.2, perfectionné sous le nom de SVG Portable/Secure (SVG P/S). Ce format est plus strict que le SVG Tiny 1.2 standard et nécessite des ajustements manuels pour une conformité totale. Si vous ne suivez pas ces étapes, votre logo risque de ne pas s'afficher, même s'il est parfait dans un navigateur.

Guide étape par étape pour convertir votre logo

  • Commencez par un fichier vectoriel : utilisez un véritable fichier vectoriel (.ai, .eps, .pdf ou .svg). Évitez les formats matriciels (PNG, JPEG), car ils ne peuvent pas être convertis directement en fichiers vectoriels.
  • Ouvrez dans Adobe Illustrator : Ouvrez votre logo vectoriel dans Illustrator et assurez-vous qu'il s'agit d'une image carrée à couche unique pour une meilleure compatibilité.
  • Exporter en tant que SVG Tiny 1.2 : Allez dans Fichier > Enregistrer sous > SVG (pas SVGZ). Dans les options SVG, sélectionnez "SVG Tiny 1.2" comme profil. Nommez votre fichier en minuscules, sans espaces ni caractères spéciaux (par exemple, brand-logo-bimi.svg).
  • Modifiez le SVG pour qu'il soit conforme à la norme BIMI : Ouvrez le fichier SVG dans un éditeur de code/texte. Remplacez l'attribut baseProfile de "tiny" par "tiny-ps" dans la balise <svg>. Supprimez les attributs x= ou y= de la balise <svg>. Ajoutez un élément <title> (65 caractères maximum) et (facultatif) un élément <desc> pour l'accessibilité.
  • Vérifier la présence d'éléments non autorisés : Assurez-vous que le SVG ne contient pas de scripts, d'animations, de liens externes ou d'images matricielles intégrées. L'arrière-plan doit être de couleur unie et non transparente.
  • Optimiser la taille du fichier : Le fichier SVG ne doit pas dépasser 32 kilo-octets. Supprimez les métadonnées inutiles et les codes gonflés.
  • Validez votre SVG : utilisez les validateurs BIMI ou SVG en ligne pour vérifier la conformité. Ouvrez le SVG dans un navigateur ou un éditeur de code pour vous assurer qu'il n'y a pas de références bitmap (recherchez "img/" ou "xlink:href" avec des données PNG base64).
  • Héberger en toute sécurité : Téléchargez le SVG sur un serveur HTTPS pour répondre aux exigences du BIMI.

Les pièges les plus courants et comment les éviter

  • Profil SVG incorrect : De nombreux outils exportent du SVG standard ou du SVG Tiny 1.2, mais vous devez les modifier manuellement pour qu'ils soient conformes au SVG P/S.
  • Attributs x/y : Illustrator ajoute x= et y= par défaut - supprimez-les pour BIMI.
  • Balise de titre manquante : Ajoutez toujours un <title> pour des raisons d'accessibilité et de conformité.
  • Bitmaps intégrés : Assurez-vous que votre SVG est 100% vectoriel - pas de références PNG ou JPEG.
  • Fichiers surdimensionnés : Ne dépassez pas 32 Ko en supprimant le code supplémentaire et en optimisant les chemins d'accès.

Liste de contrôle finale pour les SVG conformes à BIMI

Texte Bimi

  • Logo vectoriel et carré : Assurez-vous que votre logo est un véritable vecteur et qu'il a un rapport d'aspect carré.
  • Profil SVG Tiny 1.2, édité en SVG P/S : exportez en SVG Tiny 1.2, puis modifiez baseProfile="tiny-ps" dans la balise <svg>.
  • Pas d'attributs x= ou y= dans <svg> : Supprimer tout attribut x= ou y= de la balise <svg>.
  • Balise <title> présente : Inclure une balise <title> (65 caractères maximum) pour des raisons d'accessibilité et de conformité.
  • Pas de scripts, d'animations ou de liens externes : Le SVG ne doit pas contenir de scripts, d'animations ou de liens vers des ressources externes.
  • Pas d'images matricielles intégrées : Veillez à ce que le SVG soit 100 % vectoriel et ne contienne pas d'images PNG ou JPEG intégrées.
  • Couleur d'arrière-plan unie : utilisez une couleur d'arrière-plan unie plutôt qu'une transparence pour un affichage fiable.
  • Taille du fichier ≤ 32 KB : optimisez votre SVG pour que la taille du fichier soit inférieure ou égale à 32 kilo-octets.
  • Hébergé sur HTTPS : téléchargez le SVG sur un serveur sécurisé, compatible HTTPS.

Besoin d'aide pour convertir votre logo en BIMI ?

Contactez nos agents pour une assistance pratique en matière de conformité SVG et une réussite en matière d'image de marque dans votre boîte de réception !

Consultez notre FAQ sur SVG Tiny 1.2 : Ce que les directeurs marketing doivent savoir pour plus de détails sur le formatage des logos BIMI.

Conformité SVG P/S : Modifiez votre fichier SVG Tiny 1.2 pour répondre aux exigences plus strictes du BIMI.

Pas de bitmaps ni de scripts : Seuls les graphiques vectoriels purs sont autorisés.

Balise de titre et HTTPS : ajoutez toujours une balise de titre et hébergez de manière sécurisée pour l'affichage dans la boîte de réception du BIMI.