Créer un logo BIMI qui réponde à toutes les exigences
Le logo du BIMI doit répondre à un certain nombre d'exigences avant de pouvoir être affiché dans la boîte de réception. Si le logo ne répond pas à ces exigences, il ne peut être présenté. Lisez la suite et découvrez quelles sont les exigences BIMI et comment créer un fichier SVG valide.
Veuillez noter que le groupe de travail BIMI est l'autorité qui définit les spécifications. Les exigences et le "mode d'emploi" ci-dessous peuvent faire l'objet de mises à jour ou de modifications.
Exigences relatives au logo du BIMI
- Veillez à ce que le logo soit vectoriel. Les fichiers portant l'extension : PDF, Ai SVG ou EPS sont souvent des fichiers vectoriels. En cas de doute, veuillez contacter le concepteur.
- Format : SVG Tiny 1.2
- Dimensions du logo : carré
- Le logo du BIMI doit être publié sur un domaine disposant d'un certificat SSL (https).
Comment créer un fichier SVG BIMI validé ?
Suivez les étapes ci-dessous et créez un fichier SVG qui pourra être utilisé pour l'enregistrement BIMI.
- Ouvrez le fichier vectoriel dans Adobe Illustrator
- Enregistrer le fichier sous (fichier > Enregistrer sous...)
Choisissez SVG (et non : svgz) | Évitez les majuscules, les espaces, les underscores ou les caractères étranges dans le nom du fichier. Restez simple. Par exemple : brand-name-bimi.svg
- Enregistrez le fichier avec les paramètres suivants
Paramètres : Profils SVG : SVG Tiny 1.2 | Emplacement de l'image : Conserver
- Ouvrez le fichier SVG que vous venez de créer dans un éditeur de code/texte.
Si aucun éditeur de code n'est disponible, ouvrez le logiciel standard disponible. Par exemple, TextEdit (Mac) ou Notepad (Windows) : TextEdit (Mac) ou Notepad (Windows)
- A la ligne 3 : Changez le profil de base de "tiny" à "tiny-ps"
- A la ligne 3 : Supprimez les attributs x/y
Si la balise SVG (<svg...) contient les attributs x/y (par exemple : x="0" y="0"), supprimez ces attributs.
- Ajoutez un titre à la ligne 4
Après le svg <... et avant le tag <g> ) ajoutez <title></title>. Exemple : <title>Brand name</title> Les caractères supérieurs à 65 ne sont pas autorisés.
- Enregistrer le fichier modifié (SVG)
Si le fichier SVG personnalisé ressemble à cet exemple. Le fichier est prêt.
- Téléchargez le fichier SVG sur le serveur pour lequel l'enregistrement BIMI est également publié.
Dépannage du fichier SVG BIMI
Vérifiez si le logo du BIMI contient des images bitmap.
Pour savoir si une image bitmap a été ajoutée, vérifiez le fichier SVG. Il existe plusieurs façons de vérifier le code source d'un fichier SVG. Deux d'entre elles sont mentionnées ci-dessous :
- Enregistrer/télécharger le fichier SVG (option 1)
- Ouvrez le fichier SVG dans TextEdit (Mac) ou Notepad (Windows).
- Ouvrez le fichier SVG dans Google Chrome (option 2)
- Voir le code source (voir le code source du développeur > > )
- Une fois le code source visible, recherchez : img/
Si la recherche donne un résultat, on peut supposer que le fichier SVG contient une image bitmap et ne correspond donc pas aux directives du logo BIMI.
Exemple :
Lorsque la ligne suivante (file.Xlink:href="data:img/png;base64, i) est trouvée, le fichier SVG contient une référence à un PNG (Bitmap).
Solution
Demandez au concepteur du logo de modifier le fichier afin qu'il soit entièrement vectoriel.
Fichiers SVG volumineux sans images bitmap
Il est possible que le fichier SVG ait été créé d'une manière différente et qu'il contienne donc plus de code (inutile).
Solution
Dans ce cas, ouvrez le fichier SVG dans Adobe Illustrator et suivez les étapes mentionnées ci-dessus. Cela créera un fichier SVG bien encodé.
Ressources complémentaires
- La spécification SVG BIMIcomplète
- Plus d'informations sur la création de fichiers SVG avec Adobe Illustrator
