Pourquoi convertir votre SVG au format BIMI Tiny-PS ?
BIMI affiche le logo de votre marque dans Gmail, Yahoo et Apple Mail, directement à côté de vos emails. Les marques utilisant BIMI constatent en moyenne une hausse de 10 % du taux d'ouverture (source : Red Sift/Entrust). Mais ce bénéfice est conditionné à un fichier SVG conforme au profil SVG Tiny-PS (Tiny Portable/Secure), un sous-ensemble strict du format SVG.
Un SVG exporté depuis Illustrator, Figma ou Inkscape contient presque toujours des éléments interdits : scripts, polices embarquées, métadonnées d'éditeur, animations. Un seul élément non conforme suffit à bloquer l'affichage du logo.
Cas d'usage courants :
- Nouveau déploiement BIMI → Convertissez votre logo existant avant de publier l'enregistrement DNS
- Logo rejeté par Gmail → Identifiez et supprimez les éléments interdits automatiquement
- Mise à jour de marque → Convertissez le nouveau logo et vérifiez sa conformité avant mise en production
Comment convertir votre SVG en 3 étapes
Étape 1 : Importer votre SVG
Deux options :
- Glisser-déposer : Déposez votre fichier
.svgdans la zone d'import - Coller le code : Copiez-collez le contenu XML de votre SVG dans le champ de saisie
L'outil accepte les fichiers jusqu'à 256 Ko. Si votre SVG dépasse cette limite, optimisez-le d'abord avec SVGO.
Étape 2 : Lancer la conversion
Optionnellement, renseignez le titre du logo (ex : "Acme Corp"). Ce titre est requis par Tiny-PS. Si vous ne le fournissez pas, "Untitled Logo" sera utilisé par défaut.
Cliquez sur Convertir. L'outil :
- Analyse le SVG source et détecte les non-conformités
- Ajoute les attributs requis (
version="1.2",baseProfile="tiny-ps",xmlns) - Supprime les éléments interdits (scripts, polices, animations, images raster)
- Nettoie les métadonnées et commentaires
- Valide le résultat (taille, viewBox, conformité)
Étape 3 : Télécharger et vérifier
Consultez le rapport :
- Corrections automatiques (vert) : Attributs ajoutés ou corrigés
- Éléments supprimés (orange) : Scripts, polices, animations retirés
- Nettoyages (bleu) : Commentaires, métadonnées supprimés
- Diagnostics : Avertissements résiduels (viewBox non carré, taille proche de la limite)
Téléchargez le fichier SVG Tiny-PS conforme et hébergez-le sur votre CDN en HTTPS.
Qu'est-ce que SVG Tiny-PS ?
SVG Tiny-PS (Tiny Portable/Secure) est un profil du format SVG Tiny 1.2, défini par le BIMI Working Group. Il impose des restrictions de sécurité pour garantir que les logos affichés dans les emails ne peuvent pas exécuter de code ou charger des ressources externes.
Différences clés avec un SVG standard :
| Aspect | SVG standard | SVG Tiny-PS |
|---|---|---|
version | Libre | 1.2 obligatoire |
baseProfile | Libre | tiny-ps obligatoire |
title | Optionnel | Obligatoire |
| Scripts | Autorisés | Interdits |
| Animations | Autorisées | Interdites |
| Polices externes | Autorisées | Interdites |
| Images raster | Autorisées | Interdites |
| Filtres SVG | Autorisés | Interdits |
| Références externes | Autorisées | Interdites |
| Taille max | Illimitée | 32 Ko |
| viewBox | Optionnel | Carré recommandé |
Quelles transformations effectue l'outil ?
Le convertisseur applique trois types de modifications :
Corrections automatiques (auto-fix)
| Modification | Description |
|---|---|
| Version SVG | Ajoute ou corrige version="1.2" |
| Base Profile | Ajoute ou corrige baseProfile="tiny-ps" |
| Titre | Ajoute title si absent |
| Namespace | Ajoute xmlns si absent |
| Attributs x/y | Supprime x= et y= de l'élément racine |
| Dimensions | Supprime width et height du racine |
| ViewBox | Infère viewBox depuis width/height si absent |
Suppressions d'éléments interdits (strip)
| Élément supprimé | Raison |
|---|---|
script | Code exécutable interdit |
animate, set, animateTransform | Animations interdites |
foreignObject, iframe, video, audio | Contenu interactif interdit |
font, font-face | Polices externes interdites |
filter | Filtres SVG interdits |
image, feImage | Images raster interdites |
Règles @font-face dans style | Polices CSS interdites |
Références xlink:href externes | Liens distants interdits |
| Data URIs | Données embarquées interdites |
Nettoyages (clean)
| Nettoyage | Description |
|---|---|
| Commentaires XML | Supprimés pour réduire la taille |
| Processing instructions | Supprimées (sauf <?xml?>) |
| Métadonnées | Élément metadata supprimé |
xml-stylesheet | Référence de feuille de style supprimée |
Cas d'usage concrets
Cas 1 : Export Illustrator avec scripts cachés
Symptôme : Le logo exporté depuis Adobe Illustrator est rejeté par Gmail.
Diagnostic : Le SVG contient un script d'animation hérité des paramètres d'export et des métadonnées Illustrator volumineuses.
Action : Importez le fichier dans le convertisseur. Les scripts, métadonnées et processing instructions sont supprimés automatiquement. Le fichier passe de 45 Ko à 12 Ko.
Cas 2 : Logo Figma avec texte non converti
Symptôme : Le logo converti affiche des carrés au lieu du texte.
Diagnostic : Le SVG contient des éléments text qui référencent des polices via @font-face. Le convertisseur supprime les polices (interdites en Tiny-PS) mais le texte perd son rendu.
Action : Dans Figma, sélectionnez le texte et utilisez "Outline Stroke" pour convertir en chemins vectoriels. Réexportez puis convertissez.
Cas 3 : Logo conforme mais trop lourd
Symptôme : La conversion réussit mais le diagnostic signale SVG_TOO_LARGE.
Diagnostic : Le fichier dépasse 32 Ko après nettoyage. Les chemins vectoriels sont trop complexes.
Action : Simplifiez les chemins dans votre éditeur graphique (réduisez les points d'ancrage) ou utilisez SVGO pour optimiser le fichier avant de relancer la conversion.
Bonnes pratiques avant conversion
Préparation du SVG
- Convertissez le texte en chemins : Outline Stroke dans Figma, "Vectoriser" dans Illustrator
- Utilisez un viewBox carré : Ajustez les proportions à 1:1 avant export
- Supprimez les calques masqués : Ils ajoutent du poids inutile au fichier
- Simplifiez les chemins : Réduisez le nombre de points d'ancrage
- Exportez en SVG optimisé : Utilisez les profils d'export SVG Tiny 1.2 quand disponibles
Export recommandé par éditeur
| Éditeur | Paramètre recommandé |
|---|---|
| Adobe Illustrator | Fichier → Exporter → SVG (Profil : SVG Tiny 1.2) |
| Figma | Export SVG → Outline text → Flatten selection |
| Inkscape | Enregistrer sous → SVG optimisé (sans métadonnées) |
| Sketch | Export → Format SVG → Outline text |
❓ FAQ - Questions fréquentes
Q : Qu'est-ce que le format SVG Tiny-PS ?
R : SVG Tiny-PS (Tiny Portable/Secure) est un sous-ensemble restreint du format SVG imposé par BIMI. Il interdit les scripts, polices externes, animations, images raster et références distantes. Seuls les éléments graphiques statiques sont autorisés pour garantir la sécurité dans les clients de messagerie.
Q : Pourquoi convertir mon SVG en Tiny-PS pour BIMI ?
R : Les fournisseurs de messagerie (Gmail, Yahoo, Apple Mail) exigent le format Tiny-PS pour afficher les logos BIMI. Un SVG standard contient souvent des éléments interdits qui bloquent l'affichage. La conversion automatique les supprime tout en préservant l'apparence visuelle du logo.
Q : L'outil modifie-t-il l'apparence de mon logo ?
R : Non, l'outil ne modifie que les éléments non visuels : scripts, métadonnées, polices, animations. Les formes, couleurs, dégradés et chemins vectoriels sont intégralement conservés. Exception : si votre logo utilise du texte non converti en chemins, le rendu peut changer après suppression des polices.
Q : Quelle taille maximale pour un logo BIMI ?
R : Le profil Tiny-PS impose 32 Ko pour le fichier SVG final. L'outil vérifie cette limite après conversion. En entrée, les fichiers jusqu'à 256 Ko sont acceptés. Le nettoyage des éléments interdits réduit souvent significativement la taille.
Q : Le viewBox doit-il être carré ?
R : Oui, BIMI recommande un viewBox carré (largeur égale à la hauteur). L'outil détecte un viewBox non carré et émet un avertissement. Ajustez votre logo dans votre éditeur graphique avant de relancer la conversion.
Q : Que se passe-t-il si mon SVG contient des polices ?
R : Les éléments font, font-face et les règles @font-face dans les balises style sont supprimés automatiquement. Pour conserver le rendu du texte, convertissez-le en chemins vectoriels (outlines) dans votre éditeur avant d'utiliser le convertisseur.
Q : Mon fichier converti est-il garanti conforme BIMI ?
R : L'outil effectue une validation complète après conversion et signale tout problème résiduel. Si le rapport affiche un statut vert sans erreur, votre fichier est conforme Tiny-PS. Testez aussi avec le vérificateur de logo BIMI pour valider l'hébergement et la livraison HTTP.
Workflow complet après conversion
- Hébergez le fichier SVG Tiny-PS sur votre CDN en HTTPS
- Créez l'enregistrement DNS BIMI avec le générateur BIMI
- Vérifiez la livraison avec le vérificateur de logo BIMI
- Validez votre politique DMARC avec l'inspecteur DMARC
Outils complémentaires
| Outil | Utilité |
|---|---|
| Vérification logo BIMI | Validez la conformité Tiny-PS et la livraison HTTP de votre logo hébergé |
| Inspecteur BIMI | Vérifiez votre enregistrement DNS BIMI |
| Générateur BIMI | Créez un enregistrement BIMI valide pour votre domaine |
| Parseur VMC | Analysez votre certificat de marque vérifiée |
| Inspecteur DMARC | Validez la politique DMARC (prérequis BIMI) |
Ressources utiles
- BIMI Group - Creating SVG Logo Files (guide officiel de création de logos BIMI)
- SVG Tiny P/S Profile (spécification technique du profil)
- W3C - SVG Tiny 1.2 (spécification SVG Tiny de référence)
- BIMI Group - Solving SVG Issues (résolution de problèmes SVG courants)
- SVGO - Optimiseur SVG (outil open source pour réduire la taille)
- RFC 9495 - BIMI (spécification BIMI complète)