Optimiseur et minifieur SVG
Utilisez l’optimiseur et minificateur SVG, consultez le résultat, et conservez l’original jusqu’à ce que la sortie soit vérifiée.
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.
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.
FAQ Optimiseur et minifieur SVG
Que fait l’optimiseur et minificateur SVG ?
Réduire le bruit de balisage SVG avec un optimiseur basé sur le navigateur et conservateur qui préserve les valeurs de viewBox.
Quels fichiers fonctionnent avec l’optimiseur et minificateur SVG ?
Cette catégorie prend généralement en charge les fichiers SVG et les PNG exportés. Utilisez les types de fichiers acceptés affichés dans la zone de dépôt, car la prise en charge varie selon le navigateur et le moteur derrière chaque outil.
L’optimisation est-elle la même chose que la compression ?
Non. L’optimisation supprime le balisage redondant et garde le résultat équivalent, tandis que la compression sacrifie la qualité au profit des bytes. L’optimisation en premier est généralement le meilleur gain en termes de coût.
Mon fichier d’origine sera-t-il modifié ?
Non. Le travail est effectué sur une copie dans cet onglet par le modèle de document SVG du navigateur lui-même, et le résultat arrive comme un téléchargement séparé, donc votre fichier d’origine reste disponible si vous en avez besoin.
Comment mon fichier est-il traité ?
Il n’est pas téléversé. Le traitement est effectué localement par le modèle de document SVG du navigateur lui-même, donc la limite pratique est la mémoire de votre appareil et la limite affichée à côté de la zone de dépôt - aucune file d’attente, aucun compte, aucune copie sur un serveur.
Modifie-t-il la viewBox ?
Non. Le flux actuel conserve les valeurs viewBox existantes tout en nettoyant le balisage sélectionné.