Une minute...(/)
Nous optimisons actuellement vos images. Veuillez patienter un moment pendant que nous vous assurons des résultats de la plus haute qualité.
Parfait, nous avons compressé vos images avec succès.
Images optimisées.
Compresser des images SVG en ligne
Supprimez les métadonnées, gardez le vecteur : votre SVG reste identique
Optimisation en cours...
Compressez les fichiers SVG en supprimant ce que l’éditeur a laissé derrière
Ouvrez un SVG dans le Bloc-notes et vous verrez tout : balises, chiffres, texte. C’est ce qu’est le format. Pas de pixels, pas de photo, juste des instructions pour dessiner des formes. Cela compte, car cela change la signification de la compression ici. Rien n’est compressé ou approximé. Le texte redondant disparaît simplement, et le dessin reste intact.
D’où vient réellement le poids
Presque rien ne provient de l’œuvre elle-même. Exportez un logo depuis Illustrator, Figma ou Inkscape et le fichier arrive avec la paperasse de l’éditeur : un commentaire de générateur, un DOCTYPE inutile depuis 2008, une déclaration XML, un bloc de métadonnées décrivant le document en RDF, des noms de calques, et un bloc de styles rempli de classes qu’aucun élément n’utilise. Sur un vrai logo que nous avons testé, tout cela représentait environ les deux tiers du fichier. Les formes n’étaient qu’une petite partie.
Il y a ensuite les chiffres. Les éditeurs écrivent les coordonnées avec une précision flottante complète, donc un rectangle situé à 10 et large de 180 est stocké comme 10.000000 et 180.00000000. Multipliez cela par chaque point de chaque chemin, et les décimales seules peuvent peser plus lourd que le dessin.
Il reste un vecteur, donc aucune perte de qualité
C’est la partie qui inquiète souvent à tort. Un SVG n’a pas de résolution. Il est dessiné à neuf à chaque affichage, quelle que soit la taille, que ce soit une favicon de 16 pixels ou un panneau d’affichage. Supprimer un bloc de métadonnées ne change rien à cela. Le fichier nettoyé se redimensionne exactement comme celui que vous avez envoyé, il est identique à toutes les tailles et reste entièrement modifiable dans le programme où vous l’avez créé.
Ce qui est supprimé
Le nettoyage est volontairement conservateur. Il cible ce qui n’a aucun effet sur l’affichage.
| Supprimé | Conservé |
|---|---|
| Commentaires d’éditeur et chaînes de générateur | Toutes les formes, chemins et courbes |
| Bloc de métadonnées et espaces de noms RDF | Couleurs, dégradés et opacité |
| DOCTYPE et déclaration XML | Éléments texte et polices |
| Définitions non utilisées | Filtres, masques et chemins de découpe utilisés |
| Groupes et calques vides | Transformations et viewBox |
| Décimales inutiles dans les coordonnées | Tout ce qui change ce que vous voyez |
Pourquoi des SVG plus légers comptent plus que des photos plus légères
Un SVG est souvent un logo ou une icône, ce qui signifie qu’il se trouve dans l’en-tête de chaque page d’un site et se charge avant tout le reste. Les photos se chargent tard et en différé. Les icônes, non. Gagner quelques kilo-octets sur un logo d’en-tête a plus d’impact sur la vitesse d’une page que de gagner la même chose sur une image au milieu d’un article, car l’en-tête est ce que le navigateur attend avant de pouvoir afficher la page.
Un point à vérifier avant de mettre en ligne
Le nettoyage raccourcit les attributs id internes du fichier. Les références internes au même SVG sont mises à jour, donc les dégradés, masques et chemins de découpe continuent de fonctionner et le dessin s’affiche comme avant. Ce qu’il ne peut pas savoir, c’est le code en dehors du fichier. Si votre SVG fait partie d’un sprite d’icônes utilisé par d’autres pages, ou si une feuille de style ou un script cible un élément par son id, il vaut la peine de tester ces liens après avoir remplacé le fichier. Pour un simple logo ou une icône exportée, comme la majorité des SVG, il n’y a rien à vérifier.
Si votre SVG contient une photo
Parfois, un SVG n’est pas vraiment un vecteur. Placez une photo sur la zone de travail dans Illustrator, exportez en SVG, et l’image est intégrée sous forme d’une longue chaîne base64 dans le XML. Le fichier peut alors peser deux mégaoctets pour une seule forme. Nettoyer le balisage ne touchera pas ce bloc, car ce n’est pas du balisage. Si votre fichier ne rétrécit presque pas et qu’il contenait une photo à l’origine, c’est la raison, et la solution est d’extraire l’image et de la compresser séparément en JPEG ou en PNG.
Rien à configurer
Il n’y a pas d’options, pas de niveau de compression, pas d’onglet avancé. Téléversez le fichier, récupérez-le nettoyé. Plusieurs fichiers à la fois fonctionnent de la même façon, et vous pouvez les télécharger un par un au fur et à mesure ou tout le lot en ZIP.
Ce qu’il advient de vos fichiers
Les fichiers transitent par une connexion chiffrée, sont nettoyés, puis supprimés du serveur une heure plus tard. Rien n’est conservé, rien n’est utilisé à d’autres fins.
Ce que vous obtenez
- Métadonnées d’éditeur, commentaires de générateur, DOCTYPE et définitions inutilisées supprimés
- Coordonnées arrondies à une précision raisonnable au lieu de neuf décimales
- Un fichier qui reste infiniment redimensionnable et s’ouvre toujours dans votre éditeur
- Affichage identique à toutes les tailles, vérifié par rapport à l’original
- Téléversement en lot, avec téléchargement un par un ou tout le lot en ZIP
- Pas de compte, pas d’installation, et fichiers supprimés du serveur une heure plus tard
Et ensuite ?
Vous travaillez avec un logo qui existe aussi en bitmap ? Compresser PNG gère la version transparente et Compresser WebP la version moderne. Et si le SVG contenait finalement une photo, Compresser JPG est l’outil adapté pour cette image.
Questions fréquentes
Non, c’est impossible. Un SVG n’a ni pixels ni résolution. Il s’agit d’un ensemble d’instructions de dessin que le navigateur suit à chaque affichage, quelle que soit la taille de l’image, donc il est aussi net sur un téléphone que sur un panneau d’affichage. Nettoyer le fichier supprime le texte qui n’affiche rien, comme les commentaires et les métadonnées. Les formes, courbes et couleurs restent intactes, donc le rendu est identique à toutes les tailles.
La paperasse ajoutée par votre éditeur. Illustrator, Figma et Inkscape écrivent tous un commentaire de générateur, une déclaration XML, un DOCTYPE, un bloc de métadonnées en RDF, des noms de calques, et souvent un bloc de styles contenant des classes inutilisées. En plus, les coordonnées sont écrites avec une précision maximale, donc une valeur de 180 est stockée comme 180.00000000. Sur un logo exporté typique, tout cela représente environ les deux tiers du fichier. Ce qui dessine l’image est la petite partie.
Oui. Le résultat est un SVG standard, donc il s’ouvre dans Illustrator, Figma, Inkscape ou n’importe quel éditeur de texte exactement comme l’original. La seule différence est que certaines informations internes de l’éditeur ont disparu, donc les noms de calques peuvent ne pas revenir comme vous les aviez laissés. L’œuvre elle-même est inchangée et reste entièrement modifiable.
Deux raisons courantes. Soit il était déjà optimisé, ce qui arrive avec les SVG exportés depuis des outils qui nettoient à l’export ou des fichiers déjà passés dans un optimiseur, soit le fichier contient une photo intégrée. Ce deuxième cas surprend souvent : placer une photo sur la zone de travail dans Illustrator et exporter en SVG intègre l’image sous forme de bloc base64 dans le XML. Ce bloc est une donnée image, pas du balisage, donc nettoyer le balisage ne le modifie pas. Si un SVG de deux mégaoctets ne change presque pas, ouvrez-le dans un éditeur de texte et cherchez une très longue chaîne commençant par data:image.
Cela peut arriver, et il vaut mieux le savoir avant de mettre en ligne. Le nettoyage raccourcit les attributs id dans le fichier. Les références internes au même SVG sont réécrites pour correspondre, donc les dégradés, masques et chemins de découpe continuent de fonctionner et l’image s’affiche comme avant. Le code externe est différent : si une feuille de style cible un élément par id, si du JavaScript anime un nœud précis, ou si le fichier fait partie d’un sprite utilisé par d’autres pages, testez ces cas après avoir remplacé le fichier. Pour un logo autonome ou une icône exportée, ce qui couvre la majorité des SVG, il n’y a rien à craindre.
Oui, et les deux méthodes sont complémentaires. Ce nettoyage supprime le texte qui ne devrait pas être dans le fichier. Gzip, appliqué par votre serveur web à l’envoi du fichier, compresse le texte restant. Faire les deux est la pratique courante et le résultat combiné est plus léger que l’un ou l’autre seul. Il est aussi utile de vérifier que votre serveur applique bien la compression pour le type de contenu image/svg+xml, car certaines configurations par défaut ne couvrent que HTML, CSS et JavaScript.