recadrer un SVG
☞ tout se passe dans ton navigateur — rien n’est envoyéDépose ton SVG ici
ou clique pour parcourir — SVG uniquement
Aperçu
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.
ou clique pour parcourir — SVG uniquement
Aperçu
une fenêtre, pas un couteau
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
Choisis un fichier .svg — il reste sur ton appareil.
Cadre ce que tu veux, ou saisis des valeurs de viewBox exactes.
Le même dessin, avec une nouvelle fenêtre dessus.
réponses rapides
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.
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.
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.
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.
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.
Non. Le fichier est analysé et réécrit dans ton navigateur.