recadrer un SVG

Recadrer un SVG

Trace un cadre sur ton SVG pour choisir la partie à garder. Seule la viewBox change — chaque tracé reste exactement tel quel, tu peux donc toujours rouvrir le cadrage.

recadrer un SVG

☞ tout se passe dans ton navigateur — rien n’est envoyé

Dépose ton SVG ici

ou clique pour parcourir — SVG uniquement

une fenêtre, pas un couteau

Ce que recadrer un SVG change vraiment

Un SVG porte son dessin dans un seul système de coordonnées, et la viewBox est la fenêtre par laquelle tu le regardes. Déplace cette fenêtre et l'image est recadrée — aucun tracé n'est modifié, aucun point supprimé, rien n'est redessiné. C'est pour cela que le résultat est parfait à toutes les tailles, et que tu peux élargir la fenêtre plus tard pour retrouver le dessin entier.

La contrepartie : le fichier ne rétrécit pas. Ce qui se trouve hors de la fenêtre est toujours là, simplement pas affiché. Si tu veux que cela disparaisse vraiment, recadre ici puis passe le fichier dans l'optimiseur SVG.

trois étapes

Comment recadrer un SVG

01

Dépose le SVG

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

02

Trace le cadre

Cadre ce que tu veux, ou saisis des valeurs de viewBox exactes.

03

Télécharge

Le même dessin, avec une nouvelle fenêtre dessus.

réponses rapides

FAQ recadrage SVG

Le recadrage allège-t-il le fichier ?

Non, et c'est normal. Recadrer déplace la viewBox : les formes situées à l'extérieur restent dans le fichier, le navigateur ne les dessine simplement pas. Passe le fichier recadré dans l'optimiseur SVG si tu veux nettoyer ce qui reste.

Puis-je annuler un recadrage ?

Oui. Comme rien n'a été supprimé, il suffit de rouvrir ici le fichier recadré et d'élargir le cadre pour retrouver le dessin complet. C'est la différence concrète avec le recadrage d'un JPG.

Pourquoi les nombres ne sont-ils pas des pixels ?

Ce sont des unités utilisateur de la viewBox — le système de coordonnées propre au SVG. Un fichier peut faire 24 unités de large et s'afficher sur 512 pixels. Les attributs width et height sont mis à l'échelle proportionnellement pour toi, afin que le fichier recadré s'affiche à la taille attendue.

Mon fichier n'avait pas de viewBox

Une viewBox est ajoutée pour toi, correspondant aux width et height du fichier. Sans viewBox, il n'y a pas de fenêtre à déplacer : le recadrage n'aurait aucune prise. L'ajouter ne change rien visuellement.

Restera-t-il responsive ?

Si ton SVG n'avait pas d'attributs width et height — le montage habituel pour des icônes dimensionnées en CSS — il le reste. Ces attributs ne sont réécrits que s'ils étaient présents au départ.

Mon fichier est-il envoyé quelque part ?

Non. Le fichier est analysé et réécrit dans ton navigateur.