Optimiseur SVG
Optimiser et compresser les fichiers SVG en ligne
Supprimez les métadonnées, les données de l'éditeur, les groupes et la précision inutiles avec SVGO. Choisissez Optimisation sûre, équilibrée ou maximale, affinez les passes individuelles et comparez le résultat avant de télécharger. Tout fonctionne dans votre navigateur.
Modification des valeurs par défaut pour les nouveaux fichiers
Aperçu
Aucun aperçu. Ajoutez et sélectionnez des fichiers pour voir les résultats.
Aucun fichier pour le moment. Déposez des fichiers ci-dessus ou cliquez sur SÉLECTIONNER DES FICHIERS.
Qu'est-ce que le SVG ?
Le SVG (Scalable Vector Graphics) est un format d'image vectoriel basé sur XML. Au lieu de pixels, un SVG décrit mathématiquement des formes, des chemins, des remplissages et des contours, afin d'être rendu à toute taille sans perte de qualité.
SVG est le format vectoriel standard du Web. Tous les navigateurs modernes le prennent en charge nativement ; il peut être mis en forme avec CSS ou animé avec JavaScript ou SMIL. Il est souvent compact pour les logos, les icônes et les illustrations, mais les fichiers SVG complexes peuvent devenir volumineux.
Quand optimiser un SVG
Les fichiers exportés depuis Illustrator, Figma, Inkscape ou Sketch contiennent des métadonnées d'éditeur, des calques cachés, des groupes imbriqués et des coordonnées avec plus de précision que ce dont un navigateur a besoin. Optimisez un SVG avant de l'intégrer dans HTML, de l'expédier dans une bibliothèque de composants ou de le servir d'icône. Un balisage plus petit est plus rapide à transférer et à analyser, en particulier lorsqu'il est répété dans HTML ou JavaScript. Conservez le fichier source d'origine : l'optimisation est à sens unique et les données de chemin minifiées sont difficiles à modifier manuellement.
Comment optimiser un SVG en ligne
- 1
Déposez vos SVG, ou cliquez sur SÉLECTIONNER DES FICHIERS, pour les ajouter à la file. Jusqu'à 40 à la fois.
- 2
Choisissez Sûr, Équilibré ou Maximum, désactivez individuellement les passes dont vous ne voulez pas, et regardez le gain par fichier se mettre à jour.
- 3
Cliquez sur TOUT ENREGISTRER pour télécharger le résultat, ou une seule archive ZIP quand la file contient plus d'un fichier.
Confidentialité : vos fichiers ne quittent pas le navigateur
La conversion s'exécute localement dans votre navigateur à l'aide de JavaScript et WebAssembly. Il n'y a pas de téléchargement de fichiers ni de conversion côté serveur, donc les fichiers que vous ajoutez restent sur votre appareil.
Le traitement local permet de protéger les logos confidentiels, les documents internes et les illustrations client inédites. Les pages et le code de conversion sont mis en cache au fur et à mesure que vous les utilisez, afin que les outils que vous avez déjà ouverts puissent continuer à fonctionner sans connexion réseau.
Questions fréquentes
L'optimisation va-t-elle changer l'apparence de mon SVG ?
Safe est le préréglage le plus conservateur. Equilibré arrondit également les coordonnées et supprime les attributs redondants, tandis que Maximum fusionne les formes en double et supprime les dimensions fixes. Des passes plus agressives peuvent affecter les détails fins ou le dimensionnement, utilisez donc la différence de pixels pour examiner le résultat avant le téléchargement.
Quelle est la différence entre Sûr, Équilibré et Maximum ?
Ce sont des niveaux cumulatifs. Sûr exécute neuf passes qui ne font que supprimer du balisage : le prologue XML, les commentaires, les métadonnées, les espaces de noms d'éditeur, les définitions inutilisées, les groupes de simple transmission, les valeurs de couleur longues et les espaces. Équilibré ajoute le nettoyage des attributs, la suppression des éléments invisibles, la réécriture des tracés et l'arrondi des coordonnées. Maximum ajoute la fusion des doublons et la suppression de width et height, et répète chaque passe jusqu'à ce que le fichier ne diminue plus. Chaque passe peut être désactivée individuellement dans les Options avancées.
Pourquoi mon fichier optimisé est-il à peine plus petit ?
En général parce qu'il était déjà optimisé, parce que sa taille est dominée par des données de tracé qu'on ne peut pas raccourcir davantage, ou par une image matricielle intégrée en data URI, à laquelle cet outil ne touche jamais. Baisser le nombre de décimales est normalement le plus gros gain restant sur un dessin fait à la main. N'oubliez pas que le chiffre affiché est la taille brute du fichier : gzip ou Brotli sur votre serveur la compresse bien davantage, et un balisage plus propre se compresse mieux.