Optimiseur SVG
Allégez vos fichiers SVG en supprimant les métadonnées d’éditeur, les groupes inutiles et les décimales superflues, avec des aperçus côte à côte pour ne rien casser.
- Aucun envoi
- Fonctionne hors ligne
- Gratuit, sans inscription
- Vos fichiers restent dans votre navigateur
Déposez vos fichiers SVG ici
ou collez du code SVG dans l’éditeur. Vous pouvez ouvrir plusieurs fichiers à la fois.
Votre SVG reste sur cet appareil. Rien n’est envoyé.
Mode d’emploi : Optimiseur SVG
- 1
Ouvrez votre SVG
Déposez un ou plusieurs fichiers SVG exportés depuis Figma, Illustrator, Inkscape ou Sketch.
- 2
Réglez les paramètres
Ajustez la précision numérique et des options comme conserver les ID ou supprimer width et height. Les aperçus avant/après se mettent à jour aussitôt.
- 3
Appliquez ou téléchargez
Appliquez le résultat à l’éditeur (annulation possible), copiez-le ou téléchargez le fichier optimisé.
Ce que l’optimiseur SVG supprime
Les logiciels de dessin écrivent beaucoup de code que le navigateur n’utilise jamais. L’optimiseur le retire sans changer l’image :
- Métadonnées d’éditeur, commentaires et espaces de noms d’Illustrator, Inkscape ou Sketch
- Éléments masqués et vides,
defsinutilisées et groupes superflus - Décimales en trop dans les coordonnées, selon le curseur de précision
- Commandes de tracé longues, réécrites sous une forme équivalente plus courte
- Valeurs d’attributs par défaut et styles en double
Pourquoi optimiser ses fichiers SVG ?
Des SVG plus légers se chargent plus vite, ce qui aide les Core Web Vitals. C’est crucial pour les SVG en ligne dans le HTML, les sprites d’icônes et les composants React, où chaque octet finit dans votre bundle JavaScript. Un code plus propre est aussi plus facile à lire, à recolorer et à animer.
Regardez la taille avec gzip autant que la taille brute : elle est plus proche de ce que votre serveur envoie réellement.
Tout ce qu’il faut pour travailler avec le SVG
Optimiseur SVG fait partie d’un même espace de travail pour afficher, modifier, optimiser et convertir des fichiers SVG, sans inscription, sans publicité et sans envoi de fichiers.
Aperçu instantané
Zoom jusqu’à 6400 %, déplacement, ajustement à l’écran et vérification sur fond transparent, blanc, noir ou de la couleur de votre choix.
Éditeur de code en direct
Coloration syntaxique, repères d’erreur par ligne, formatage et minification, recherche et historique d’annulation complet.
Contour et grille de pixels
Voyez chaque tracé en mode contour et vérifiez l’alignement des pixels avec la grille en zoomant.
Inspecter
Taille du fichier et avec gzip, viewBox, arbre des éléments avec mise en évidence et remplacement des couleurs en un clic.
Optimiser avec SVGO
Allégez vos fichiers avec aperçus avant/après et précision réglable. Optimisez tous les fichiers ouverts d’un coup.
PNG, JPG, WebP et ICO
Exportez à n’importe quelle taille jusqu’à 16384 px, avec transparence, ou copiez le PNG directement dans le presse-papiers.
React, Vue et Svelte
Composants JSX/TSX, React Native, Vue et Svelte propres, avec prise en charge de currentColor et des props.
Plusieurs fichiers à la fois
Ouvrez de nombreux SVG en onglets, puis optimisez-les en lot ou téléchargez-les dans un ZIP de SVG ou de PNG.
Privé et hors ligne
Aucun envoi, aucun compte. Votre travail est enregistré dans le navigateur et l’appli fonctionne hors ligne après la première visite.
Questions fréquentes
De combien mon SVG va-t-il s’alléger ?
Les fichiers exportés depuis des logiciels de dessin s’allègent souvent de 30 à 80 %, car SVGO supprime métadonnées, commentaires, éléments masqués et décimales superflues. Le gain exact s’affiche avant que vous n’appliquiez quoi que ce soit.
L’optimisation change-t-elle l’apparence de mon SVG ?
Les réglages par défaut conviennent à la plupart des fichiers. Si vous baissez beaucoup la précision, comparez les aperçus avant/après. Activez « Conserver les ID » si votre CSS ou votre JavaScript cible des éléments par leur id.
Qu’est-ce que SVGO ?
SVGO est l’optimiseur SVG open source le plus utilisé. viewsvg l’exécute dans votre navigateur : vos fichiers ne quittent jamais votre appareil.
Mes fichiers SVG sont-ils envoyés quelque part ?
Non. viewsvg fonctionne entièrement dans votre navigateur. Les fichiers sont lus, affichés, optimisés et convertis sur votre appareil, et rien n’est envoyé à un serveur. Après la première visite, il fonctionne même hors ligne.
viewsvg est-il gratuit ?
Oui. Toutes les fonctions sont gratuites, sans inscription, sans filigrane et sans limite de fichiers.