Optimiseur SVG
SVG Optimiser
Retire les restes d’éditeur, aplatit les transformations et arrondit la précision des tracés, en montrant le rendu avant et après.
Un SVG enregistré depuis un outil de conception transporte des métadonnées d’éditeur, des listes de transformations que personne n’a déroulées, et des coordonnées écrites à sept décimales. Retirer tout cela est facile ; savoir si cela a changé l’image est la partie difficile, et c’est pourquoi cet outil montre une vue de différence plutôt qu’un simple compte d’octets.
Déposez un SVG
Ou modifiez le balisage ci-dessous. Rien n’est envoyé.
Modifier le balisage
Comment s’en servir
Déposez le SVG, ou collez le balisage
L’optimisation se fait à mesure que vous tapez : coller un fichier et le modifier sur place fonctionnent tous les deux.
Réglez la précision
Sur un viewBox de 24 unités, deux décimales représentent un centième de pixel à un zoom de 100×. En dessous d’une décimale, les icônes commencent à se déplacer visiblement.
Regardez la vue de différence
Elle superpose le fichier optimisé sur l’original en mode différence : un noir pur veut dire qu’ils s’affichent à l’identique, et tout ce qui s’allume est un pixel qui a bougé.
Copiez le SVG ou le data URI
Le data URI est ici encodé en URL plutôt qu’en Base64, ce qui représente environ 10 % de plus que le fichier brut au lieu de 33 %.
Questions fréquentes
Pourquoi « retirer les titres » est-il désactivé par défaut ?
Parce que `<title>` est le nom accessible d’un SVG en ligne. Le retirer économise une trentaine d’octets et transforme une icône étiquetée en icône sans étiquette pour quiconque utilise un lecteur d’écran.
Mon icône s’est légèrement déplacée après optimisation.
La précision est trop basse pour son viewBox. Un petit viewBox veut dire que chaque unité représente une grande fraction de l’image : arrondir à une décimale déplace les choses de façon visible. Montez la précision jusqu’à ce que la vue de différence devienne noire.
Minifie-t-il les données de tracé ?
Il arrondit les nombres et y intègre une translation pure, et indique combien d’octets cela a fait gagner. Il ne réécrit pas les commandes en équivalents plus courts — cela change la famille de courbes, et c’est là que les optimiseurs de tracés introduisent de vrais bugs.
À alimenter depuis
Générateur de favicon
Favicon Generator
Produit le jeu complet — ICO, PNG, icône Apple touch, manifeste web — accompagné du HTML à coller dans votre page.
SVG vers PNG
SVG to PNG
Rend un SVG en PNG, en JPEG ou en WebP au facteur d’échelle voulu, sur fond transparent ou plein.
Image vers SVG
Image to SVG
Vectorise un bitmap en tracés SVG, réglé pour les logos et le dessin au trait plutôt que pour la photographie.
Générateur de QR code
QR Code Generator
Fabrique un QR pour une adresse, un texte, un accès wifi, une vCard ou une chaîne de paiement, avec niveau de correction d’erreurs, logo et export SVG, sans envoi de fichier, tout dans votre navigateur.
Ensuite
Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.
Générateur de favicon
Favicon Generator
Produit le jeu complet — ICO, PNG, icône Apple touch, manifeste web — accompagné du HTML à coller dans votre page.
SVG en data URI CSS
SVG to CSS Data URI
Encode un SVG en data URI de fond CSS, en n’échappant que ce qui doit l’être pour rester court.
Éditeur de tracé SVG
SVG Path Editor
Convertit les données d’un tracé entre commandes absolues et relatives, le déplace, l’échelonne, le fait pivoter et l’inverse, et montre sa boîte englobante avec un aperçu en direct.
SVG vers PNG
SVG to PNG
Rend un SVG en PNG, en JPEG ou en WebP au facteur d’échelle voulu, sur fond transparent ou plein.
Supprimer l’arrière-plan
Background Remover
Détoure un fond uni ou d’une seule couleur dans l’espace OKLab et rend un PNG transparent, avec un pinceau pour reprendre les bords, sans envoi de fichier, tout dans votre navigateur.
Supprimer les données EXIF
EXIF Remover
Efface les données d’appareil, de GPS et de retouche d’une photo sans toucher à un seul pixel, sans envoi de fichier, tout dans votre navigateur.