pivoter un SVG

Pivoter et retourner un SVG

Fais tourner un SVG par pas de 90° ou retourne-le dans un sens ou l'autre. Le dessin est enveloppé dans une seule transformation, chaque tracé reste donc exactement tel que le designer l'a laissé.

pivoter un SVG

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

Dépose ton SVG ici

ou clique pour parcourir — SVG uniquement

une ligne de transform

Ce qui se passe quand tu fais pivoter un SVG

Faire pivoter une photo, c'est rééchantillonner chaque pixel. Faire pivoter un SVG, c'est écrire une transformation : le dessin est enveloppé dans un groupe qu'on tourne autour de la zone de travail, et cette zone — la viewBox ainsi que width et height — échange ses deux côtés quand la rotation vaut 90° ou 270°. Pas une seule coordonnée de tes tracés n'est réécrite.

C'est aussi pour cela que le résultat est exact. Pas d'interpolation, pas de bords adoucis, aucune dérive après quatre tours — un quart de tour quatre fois te rend le fichier d'origine, octet pour octet.

trois étapes

Comment pivoter ou retourner un SVG

01

Dépose le SVG

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

02

Tourne-le ou retourne-le

Avance par pas de 90°, retourne sur un axe, combine les deux.

03

Télécharge

Le même dessin, nouvelle orientation.

réponses rapides

FAQ rotation et retournement de SVG

Puis-je pivoter d'un angle quelconque ?

Pas ici. Par pas de 90°, la zone de travail épouse toujours exactement le dessin ; à 37° ce ne serait plus le cas, il faudrait du remplissage, une viewBox plus grande et une décision sur le sort des coins. Les pas de 90° couvrent les cas réels — redresser une icône, corriger un export couché — avec un résultat parfaitement prévisible.

Le fichier change-t-il beaucoup ?

À peine. Un élément de groupe portant un attribut transform est ajouté, et la viewBox ainsi que les attributs de taille sont mis à jour. Tracés, dégradés, classes et id restent intacts.

Pourquoi le retournement change-t-il de sens après une rotation ?

Il ne change pas — il suit ce que tu vois. Horizontal reflète toujours de gauche à droite à l'écran, ce qui après un quart de tour correspond à un autre axe dans le fichier d'origine. C'est le comportement que tout le monde attend d'un éditeur d'images.

Et le title de mon SVG ?

Les éléments title, desc, style, metadata et defs restent au niveau supérieur, là où est leur place. Seul le dessin lui-même entre dans le groupe pivoté : les lecteurs d'écran annoncent donc l'image de la même façon.

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 zone dont on puisse échanger les côtés, et un quart de tour pousserait le dessin hors de la zone visible.

Mon fichier est-il envoyé quelque part ?

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