Outils SVG

optimiseur SVGUn résultat à examiner avant de remplacer la source

Traitement manuel. Ctrl/Cmd+Entrée prépare l’optimisation. Modifier la source ou les options invalide le résultat précédent.

optimiseur SVG

Source SVG

Résultat

Le contenu SVG est traité uniquement dans ce navigateur.

Options

Le résultat est périmé. Préparez un nouvel aperçu.

Un export de logiciel de dessin contient parfois bien plus que les formes utiles. Cet optimiseur SVG permet de vérifier ce qui change avant de remplacer votre source : comparez les octets, les attributs et surtout le rendu.

La minification SVG compacte la présentation du code SVG. Le formatage fait l’inverse, avec un retrait de deux espaces pour faciliter la lecture. Pour optimiser SVG avec des modifications géométriques, activez séparément les options de nombres et de tracés.

Pourquoi choisir cet optimiseur SVG

Un fichier plus léger doit garder les formes et les références utiles.

Garder la décision sur les modifications

Avec cet optimiseur SVG, supprimer les commentaires ne signifie pas supprimer les descriptions accessibles. Les éléments title et desc, les identifiants et viewBox sont conservés. Le dessin proposé apparaît à côté de l’original avant toute application.

Deux formes vectorielles comparées, avec moins de nœuds superflus dans la version proposée.

Passer au PNG sans déformer l’icône

Consultez les données d des tracés, puis choisissez la largeur en pixels pour l’export PNG. La hauteur est calculée selon le rapport du document et le fond reste transparent. Ce passage au raster ne transforme pas les tracés en objets éditables.

Une forme vectorielle et son export proportionnel en pixels sur un damier transparent.

Trois vérifications avant de valider

01

Commencer sans arrondir

Les commentaires et métadonnées sont retirés par défaut. L’arrondi des nombres et l’optimisation des tracés sont désactivés ; la précision initiale de trois décimales concerne les options que vous activez.

  • Sur une petite icône, un arrondi peut déplacer une courbe visible.
02

Distinguer proposition et application

Formater, minifier et optimiser produisent tous une proposition. Les compteurs de nœuds retirés et d’attributs modifiés accompagnent les octets, mais ne décrivent pas chaque différence du code.

  • Appliquer remplace la source ; afficher l’aperçu ne le fait pas.
03

Vérifier le dernier état

Toute modification de la source ou des options rend le résultat périmé. Relancez avant l’export. Après application, le retour à l’état précédent restaure ensemble l’entrée et la sortie.

  • La largeur PNG commence à 512 pixels ; le rapport reste constant.

Lire le code et contrôler le dessin

Nettoyage configurable

Les opérations SVGO sont sélectionnées explicitement. Les options de commentaires, métadonnées, nombres et tracés permettent de cibler le nettoyage sans activer un ensemble agressif de transformations.

Comparaison des rendus

L’original et la proposition sont affichés comme images isolées après validation. Cela aide à repérer un trait déplacé ; ce contrôle ne garantit pas un rendu identique dans toutes les pages qui intégreront le fichier.

Lecture des tracés

La vue dédiée affiche les données d et le nombre de path. Elle sert à repérer les formes dans la source, sans poignée de Bézier ni modification des points par glisser-déposer.

Deux formes de livraison

Copiez ou téléchargez le SVG courant validé. Pour un aperçu raster ou une icône destinée à une interface qui exige des pixels, exportez un PNG transparent de largeur explicite.

Ce que le document peut contenir

Un sous-ensemble statique
Les scripts, événements, animations, foreignObject, éléments style et image sont refusés. Les formes courantes, textes et définitions locales acceptés ne couvrent pas tout le standard SVG.
Références locales seulement
Les liens doivent viser un #ID du document. Pas d’image externe, de police distante ni d’image incorporée. Les attributs style acceptent uniquement certaines propriétés de présentation et des valeurs autorisées.
Limites de complexité et de dimensions
Maximum : 1 Mio, 20 000 nœuds, profondeur 100. Pour PNG : largeur de 1 à 4096 pixels et surface de 16 mégapixels au plus. Le rapport vient de viewBox ou de dimensions explicites en pixels. Chaque côté du PNG est limité à 4096 pixels et la surface à 16 777 216 pixels : un format très étroit et haut peut être refusé. Le décompte des nœuds inclut textes et commentaires ; l’optimisation s’arrête après 20 secondes au maximum.
Pas de conversion universelle
Ni lots, ZIP, import URL, vectorisation, JSX/Vue, base64 ou data URI. DOCTYPE, instructions de traitement et espaces de noms étrangers sont refusés ; nettoyez les métadonnées complexes dans le logiciel source.

Questions sur cet optimiseur SVG

L’image gardera-t-elle son apparence ?

Un optimiseur SVG ne peut pas le promettre dans tous les cas. L’arrondi des nombres et la réécriture des tracés peuvent modifier une forme. Ces options commencent désactivées ; comparez le rendu avant application et dans votre page finale.

De combien le fichier peut-il diminuer ?

Aucun pourcentage fixe. Un export chargé de commentaires offre plus de marge qu’un fichier déjà compact. Comparez les octets avant et après ; formater ajoute des retraits et peut augmenter la taille.

Le SVG est-il transmis à un serveur ?

Non. Le contenu est traité dans l’onglet du navigateur. L’ouverture d’un fichier fournit sa source à cet outil ; elle ne lance pas un téléversement du document.

Quels éléments sont supprimés ?

Par défaut, les commentaires et les métadonnées compatibles sont retirés. Les options de nombres et de tracés sont distinctes. ID, viewBox, title et desc sont conservés ; un contenu non pris en charge est refusé, pas silencieusement supprimé pour le rendre acceptable.

L’outil est-il gratuit ?

Oui. La préparation du résultat, la comparaison et les exports SVG ou PNG sont disponibles sans paiement ni compte. Les limites de taille et de contenu restent les mêmes.

Un comportement à préciser ?

Ouvrir l’atelier de comparaison

Essayez cet optimiseur SVG avec l’exemple, puis validez uniquement les changements qui conviennent à votre dessin.

Une application peut être annulée une fois.