Optimiseur Et Minifieur SVG
Réduisez le bruit du balisage SVG avec un optimiseur conservateur côté navigateur qui préserve les valeurs viewBox.
Keep your original file until you have checked the downloaded result. Browser memory and format support vary by device.
This conservative optimizer removes comments, metadata blocks, and unnecessary whitespace while keeping viewBox values.
FAQ Optimiseur Et Minifieur SVG
Modifie-t-il la viewBox ?
Non. Le flux actuel conserve les valeurs viewBox existantes tout en nettoyant le balisage sélectionné.
Optimise-t-il les chemins ?
Non. Il effectue un nettoyage conservateur plutôt qu'une simplification agressive des chemins ou une réécriture des coordonnées.
Puis-je intégrer en toute sécurité chaque sortie en ligne ?
Non. Examinez d'abord les scripts, gestionnaires d'événements, références externes, CSS, liens et ressources intégrées conformément à votre propre politique de sécurité.
Dois-je supprimer les éléments titre et description ?
Uniquement si vous en comprenez l'impact sur l'accessibilité et la documentation. Ces éléments peuvent fournir des noms et descriptions utiles pour les technologies d'assistance.
Le résultat sera-t-il toujours plus petit ?
Généralement, la suppression du balisage réduit le bruit, mais la sérialisation, la structure source et le contenu intégré déterminent la taille réelle du fichier. Vérifiez le fichier téléchargé.
Optimiseur et minifieur SVG
Nettoyez le balisage SVG avant de l'intégrer dans un site web, une page de documentation ou un bundle front-end. Cet optimiseur conservateur, exécuté dans le navigateur, supprime les commentaires, peut supprimer les blocs de métadonnées, de titre et de description, et peut réduire les espaces blancs entre les balises. Il conserve la viewBox existante et évite les réécritures agressives des chemins, afin que le résultat soit plus facile à examiner.
Ce guide explique le processus complet dans le navigateur, ce que contient le résultat et ce qu'il convient de vérifier avant de le partager. L'outil est intentionnellement concentré sur une seule tâche claire : le traitement d'un fichier. Il n'ajoute pas silencieusement de fonctionnalités non liées telles que l'édition, la conversion, le téléchargement ou le stockage cloud. Cette portée limitée rend l'entrée et la sortie plus faciles à comprendre et vous offre un moyen pratique de vérifier le fichier téléchargé.
Comment l'utiliser
Commencez par une copie du fichier que vous souhaitez traiter. La page peut devoir charger une bibliothèque du navigateur avant que l'action ne soit disponible, notamment pour les tâches liées aux PDF ou aux vidéos. Suivez ces étapes :
- Sélectionnez un fichier SVG dont vous êtes propriétaire ou autorisé à modifier le contenu.
- Choisissez si les blocs de métadonnées, de titre et de description doivent être supprimés.
- Choisissez si les espaces blancs entre les balises doivent être réduits.
- Cliquez sur Optimiser le SVG et examinez le texte SVG sérialisé dans le panneau de sortie.
- Téléchargez le résultat, testez-le dans le navigateur cible et inspectez la source avant de l'intégrer en ligne.
Utilisez d'abord un fichier représentant typique lorsque le document est important ou particulièrement complexe. Attendez que le message de statut indique que le traitement est terminé avant de fermer l'onglet. Si le navigateur signale une erreur de décodage, de mémoire ou de compatibilité, essayez un fichier plus petit ou un format source plus courant. Le fichier original n'est pas écrasé par le téléchargement ; conservez-le jusqu'à ce que le résultat ait été vérifié.
Cas d'utilisation adaptés
Cet outil est utile pour des tâches de préparation de fichiers ciblées et répétibles, telles que :
- Supprimer les commentaires et les blocs descriptifs non essentiels d'une production.
- Créer une chaîne SVG plus petite et plus claire pour un bundle front-end ou un exemple de documentation.
- Préparer des icônes validées pour une bibliothèque de composants ou un site statique.
- Examiner le balisage SVG avant de décider s'il doit être intégré en ligne ou utilisé comme ressource image.
Il ne remplace pas un éditeur de bureau complet lorsque vous avez besoin d'une timeline multi-pistes, de typographie avancée, de formulaires PDF complexes, de gestion professionnelle des couleurs, de garanties forensiques des métadonnées ou d'une garantie de cycle de conversion précis pour chaque fonctionnalité propriétaire. Utilisez la tâche spécifique qui correspond à votre objectif et comparez le fichier téléchargé avec la source avant de vous y fier.
Format de sortie
La sortie est un fichier texte SVG sérialisé par le DOM du navigateur et le sérialiseur XML. Les commentaires sont supprimés, certains éléments de métadonnées peuvent être retirés, et les espaces blancs répétés peuvent être réduits. Les valeurs viewBox existantes sont conservées. Il ne s'agit pas d'un optimiseur SVG complet : il ne promet ni simplification des chemins, ni réduction de la précision des coordonnées, ni insertion en ligne du CSS, ni aide à l'accessibilité, ni intégration d'images, ni conservation des animations, ni équivalence octet pour octet. Comparez le rendu, les dimensions, les styles, les filtres, les liens et les étiquettes d'accessibilité dans l'environnement de destination.
Le téléchargement crée un nouveau fichier ou package ; il ne modifie pas le fichier sélectionné dans le panneau d'entrée. Les noms de fichiers sont générés à partir du nom source lorsque cela est praticable, avec un suffixe spécifique à la tâche, afin que l'original et le résultat soient faciles à distinguer. Un résultat ZIP peut contenir plusieurs actifs générés et doit être ouvert pour confirmer que les fichiers attendus sont présents. Pour les résultats textuels, examinez les sauts de ligne, l'encodage, l'indentation et toute syntaxe propre à la plateforme après le téléchargement. Pour les résultats visuels ou documentaires, vérifiez les dimensions, l'ordre des pages, la lecture, les polices, les liens, la transparence et d'autres fonctionnalités importantes pour votre destination.
Confidentialité
Le texte SVG est analysé et sérialisé dans le navigateur sans recourir à une API d'optimisation distante. Le traitement local ne rend pas automatiquement la sortie sûre à intégrer. Traitez les scripts, gestionnaires d'événements, références externes, images intégrées, CSS et liens comme non fiables jusqu'à ce que vous les ayez examinés selon votre propre politique de sécurité du contenu. Utilisez un appareil de confiance pour les œuvres propriétaires et conservez la source originale sous contrôle de version afin que l'optimisation puisse être annulée.
Le traitement dans le navigateur n'est pas une garantie que chaque site web environnant, extension de navigateur, système d'exploitation ou ordinateur partagé respecte la confidentialité. Utilisez un appareil de confiance, fermez l'onglet après des travaux sensibles et évitez les ordinateurs publics pour les documents confidentiels. Ne sélectionnez pas de fichiers dont vous n'êtes pas propriétaire ou autorisé à modifier le contenu. Si votre organisation exige un accord de traitement des données documenté, une politique de conservation ou une traçabilité, utilisez un flux de travail interne approuvé plutôt que de vous fier uniquement à un outil navigateur public.
Remarques qualité et compatibilité
La sérialisation XML peut modifier la mise en forme et la présentation des namespaces, même lorsque le rendu visuel semble identique. La suppression des éléments titre ou description peut affecter l'accessibilité, tandis que la réduction des espaces blancs peut être dangereuse pour certaines constructions SVG sensibles au texte. L'optimiseur est délibérément conservateur et ne doit pas être présenté comme unsanitizeur de sécurité ou un moteur garanti de minimisation de taille. Testez les icônes, filtres, masques, animations, polices et références externes après optimisation.
Un téléchargement réussi signifie simplement que le navigateur a créé un résultat ; ce n'est pas une garantie que chaque application cible l'acceptera ou l'affichera exactement comme prévu. Ouvrez le résultat dans l'application, le site web ou l'appareil où il sera utilisé. Lorsque la précision compte, comparez la source et la sortie côte à côte et conservez la source comme maître récupérable.