découper un SVG

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.

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

un fichier par élément

Ce qui compte comme un é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

Comment découper un SVG

01

Dépose le SVG

Choisis un fichier .svg — il reste sur ton appareil.

02

Coche les éléments

Chacun est prévisualisé exactement tel qu'il sera exporté.

03

Télécharge

Un seul élément se télécharge directement, plusieurs arrivent en ZIP.

réponses rapides

FAQ découpage de SVG

Pourquoi chaque élément est-il aussi gros que l'original ?

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.

Rien n'a été listé — pourquoi ?

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.

Cela marche-t-il sur les sprites d'icônes ?

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.

Les éléments sont-ils recadrés sur leur contenu ?

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.

Combien d'éléments peut-il gérer ?

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.

Mon fichier est-il envoyé quelque part ?

Non. Le fichier est analysé et découpé dans ton navigateur, et le ZIP y est construit aussi.