découper un SVG
☞ tout se passe dans ton navigateur — rien n’est envoyéDépose ton SVG ici
ou clique pour parcourir — SVG uniquement
Éléments
découper un SVG
Décompose un SVG en ses éléments de premier niveau. Prévisualise chaque groupe, symbole et forme, coche ceux que tu veux, et emporte-les en fichiers séparés.
ou clique pour parcourir — SVG uniquement
Éléments
un fichier par élément
Seul le premier niveau du fichier est découpé, et uniquement les parties qui dessinent vraiment quelque chose : groupes, symboles, tracés, formes, texte et images. Les dégradés, filtres, masques et feuilles de style sont des définitions et non des dessins : ils ne sont donc jamais listés seuls — un fichier ne contenant qu'un dégradé serait vide.
Chaque élément exporté emporte l'ensemble des définitions et des styles de l'original. Cela rend chaque fichier plus gros que strictement nécessaire, et c'est un choix assumé : un élément qui s'affiche exactement comme dans l'original vaut mieux qu'un plus petit auquel il manque un dégradé. Passe les résultats dans l'optimiseur SVG pour retirer ce qu'ils n'utilisent pas.
trois étapes
Choisis un fichier .svg — il reste sur ton appareil.
Chacun est prévisualisé exactement tel qu'il sera exporté.
Un seul élément se télécharge directement, plusieurs arrivent en ZIP.
réponses rapides
Parce qu'il emporte tout le bloc defs et l'éventuelle feuille de style. Déterminer quel dégradé ou quel filtre une forme utilise vraiment relève de la devinette, et ça rate en silence : chaque élément reçoit donc le lot complet. L'optimiseur SVG supprime les parties inutilisées en une passe.
Le dessin entier est probablement dans un seul groupe, qui compte pour un élément. Le découpage est volontairement limité au premier niveau ; descendre plus bas produirait des centaines de fragments à partir d'une illustration ordinaire.
Oui, c'est le cas qu'il traite le mieux. Chaque symbole d'un sprite devient un fichier autonome utilisant la viewBox de ce symbole : tu obtiens une icône correctement cadrée par fichier, et non une zone vide.
Non. Chaque élément conserve la viewBox d'origine et garde donc la position et l'échelle qu'il avait dans le dessin complet. Utilise ensuite l'outil de recadrage SVG si tu veux resserrer.
Les 100 premiers éléments de premier niveau sont listés. Au-delà, construire les aperçus coûte plus que ce que le découpage rapporte — aplatis ou regroupe le fichier d'abord.
Non. Le fichier est analysé et découpé dans ton navigateur, et le ZIP y est construit aussi.