Optimiseur SVG
Optimisez et compressez vos fichiers SVG instantanément dans le navigateur. Supprimez les métadonnées, commentaires et données d'éditeur, réduisez la taille jusqu'à 60%.
Que fait l'optimisation SVG ?
L'optimisation SVG supprime les données inutiles telles que les commentaires, les métadonnées, les attributs d'éditeur, les groupes vides, les espaces de noms inutilisés et les commandes de chemin redondantes pour réduire la taille du fichier.
De combien puis-je réduire la taille de mon SVG ?
Généralement 20-60% de réduction selon le SVG original. Les fichiers exportés d'éditeurs comme Adobe Illustrator ou Inkscape contiennent souvent le plus de données redondantes et atteignent les taux de compression les plus élevés.
Mes données SVG sont-elles envoyées à un serveur ?
Non, toute l'optimisation est effectuée localement dans votre navigateur. Votre contenu SVG ne quitte jamais votre appareil, garantissant une confidentialité et une sécurité complètes.
L'optimisation changera-t-elle l'apparence de mon SVG ?
Non, l'optimiseur supprime uniquement les données non visuelles et optimise la structure du code. Le SVG rendu sera identique à l'original dans tous les navigateurs.
Qu'est-ce que SVGO ?
SVGO (SVG Optimizer) est un populaire outil open source basé sur Node.js pour optimiser les fichiers SVG. Il fournit une large gamme de plugins qui suppriment les informations redondantes et inutiles.
L'optimisation préserve-t-elle les animations et dégradés SVG ?
Oui, l'optimiseur préserve tous les éléments visuels y compris les animations, dégradés, filtres, chemins de découpe et masques. Seules les données redondantes non visuelles sont supprimées.
Puis-je optimiser des SVG de Figma ou Sketch ?
Oui, les SVG exportés de Figma, Sketch, Adobe Illustrator et Inkscape contiennent souvent des métadonnées spécifiques à l'éditeur qui peuvent être supprimées en toute sécurité.
Quels types de données sont supprimés lors de l'optimisation ?
Les suppressions courantes incluent les commentaires XML, les métadonnées d'éditeur, les calques masqués, les groupes vides, les déclarations d'espaces de noms inutilisés, les valeurs d'attributs par défaut et la précision redondante des données de chemin.
Est-il sûr d'optimiser les fichiers SVG utilisés sur les sites web ?
Absolument. Les SVG optimisés se chargent plus vite, réduisent la consommation de bande passante et améliorent les performances de la page.
Puis-je contrôler le niveau d'optimisation ?
Oui, vous pouvez ajuster la précision des données de chemin, la suppression des commentaires, le regroupement des groupes et d'autres options pour équilibrer taille de fichier et éditabilité.
Quelle est la différence entre minifier et optimiser un SVG ?
Minifier supprime les espaces et raccourcit le code, tandis qu'optimiser va plus loin en supprimant les données redondantes, en fusionnant les éléments et en appliquant des améliorations structurelles.
Cet outil prend-il en charge le traitement par lots de plusieurs fichiers SVG ?
Oui, vous pouvez télécharger et optimiser plusieurs fichiers SVG à la fois. Chaque fichier est traité indépendamment et peut être téléchargé individuellement ou en archive ZIP.
Comment utiliser Optimiseur SVG
SVG Optimizer allège les fichiers SVG en supprimant métadonnées, commentaires et déchets d'éditeur, le tout calculé localement dans votre navigateur. Collez un SVG, choisissez les options de nettoyage et copiez le résultat.
- Collez votre code dans la zone “Input SVG”, ou déposez-y un fichier .svg.
- Activez les nettoyages de base — “Remove comments”, “Remove metadata”, “Remove editor data” et “Remove unused namespaces” — qui économisent le plus d'octets.
- Pour compresser davantage, essayez aussi “Remove empty groups”, “Remove default values”, “Remove empty attributes”, “Collapse transforms” et “Convert colors”.
- Choisissez un niveau de précision de 0 à 4, puis “Minify” pour le plus petit fichier ou “Prettify” pour un code lisible ; “Remove whitespace” supprime les espaces superflus.
- Vérifiez que la “Preview” s'affiche toujours correctement, puis copiez ou téléchargez le code depuis la zone “Optimized SVG”.
Si le graphique optimisé casse, essayez d'abord de désactiver “Remove default values” ou de baisser la précision — l'arrondi agressif des nombres en est souvent la cause.
Outils associés
- Convertisseur SVG en PNG Convertissez SVG en PNG, JPEG ou WebP instantanément dans votre navigateur. Échelle, taille et couleur de fond personnalisables. Gratuit, privé, sans téléchargement.
- Visionneuse et Éditeur SVG Prévisualisez, modifiez et optimisez les fichiers SVG en ligne. Aperçu en temps réel, édition de code et outils d'optimisation.
- Calculatrice Chmod Calculatrice chmod gratuite en ligne pour visualiser et calculer les permissions de fichiers Linux avec des cases à cocher. Convertissez instantanément entre notation numérique (755, 644) et symbolique (rwxr-xr-x). Supporte les permissions spéciales comme setuid, setgid, sticky bit.
- Table ASCII Référence complète de codage de caractères ASCII avec codes décimaux, hexadécimaux, octaux, binaires, entités HTML et descriptions. Recherche et filtre instantanés.
- Testeur de Requêtes HTTP Testez les APIs REST directement dans votre navigateur. Envoyez des requêtes GET, POST, PUT, DELETE avec des en-têtes, corps et paramètres personnalisés. Voyez le statut, les en-têtes et le corps JSON instantanément.
- Générateur .htaccess Générez des règles .htaccess Apache pour les redirections, réécritures, en-têtes de sécurité, cache et plus.
- Générateur de Robots.txt Générateur gratuit de robots.txt en ligne. Créez et personnalisez des fichiers robots.txt pour contrôler le crawl des moteurs de recherche, gérer l'accès des robots et optimiser le SEO de votre site.
- Générateur de Sitemap Générateur gratuit de sitemap XML en ligne. Ajoutez des URLs, définissez priorités et fréquences, créez des sitemaps SEO instantanément.