Un SVG peut contenir des formes modifiables, une image ou les deux. Si tout bouge ensemble, vérifiez d’abord si vous avez sélectionné un groupe.

Testez dans votre éditeur

  1. Ouvrez une copie dans Figma, Inkscape ou Illustrator.
  2. Dépliez le groupe dans le panneau des calques ou objets.
  3. Sélectionnez une partie, changez sa couleur, déplacez un point du contour puis annulez.
  4. Testez une autre partie : certains fichiers mélangent images et formes.

Un seul cadre de sélection ne prouve pas qu’il s’agit d’une image. Un groupe de formes en a aussi un. Des lettres converties en contours ne peuvent plus être remplacées en tapant : recréez le texte.

Facultatif : examiner le code

Dans une copie ouverte avec un éditeur de texte, cherchez <image. Son href référence une image ou contient ses données. Ce n’est pas une vectorisation. path, circle, rect et polygon décrivent des formes, mais un tracé ne garantit pas que tout le dessin est vectoriel.

Essayez avec l’enveloppe

Ouvrez le chien, dépliez le groupe et recolorez une partie rouge de l’enveloppe, puis annulez. Vérifiez les plis et les points d’une forme bleue. C’est plus révélateur qu’un simple zoom.

Image d’origine
Image d’origine
SVG converti
SVG converti
Détail d’origine
Détail d’origine
Détail converti
Détail converti
Image d’origine · SVG converti · Comment cet exemple a été réalisé

Si le SVG ne contient qu’une image, demandez le vectoriel original ou convertissez une image nette. ImageSVG crée des formes sans incorporer l’image, mais ne transforme pas les lettres en texte modifiable.

Essayez un fichier mêlant formes et image

Téléchargez ce SVG pédagogique, ouvrez-le dans votre éditeur et développez le groupe. Le triangle de gauche a des points modifiables ; celui de droite est une image PNG. Changez la couleur à gauche, puis essayez à droite. Les deux semblent nets, mais un seul est vectoriel. Cet exemple a été créé pour cette explication, pas par ImageSVG.

Téléchargez ce SVG pédagogique, ouvrez-le dans votre éditeur et développez le groupe. Le triangle de gauche a des points modifiables ; celui de droite est une image PNG. Changez la couleur à gauche, puis essayez à droite. Les deux semblent nets, mais un seul est vectoriel. Cet exemple a été créé pour cette explication, pas par ImageSVG.

SVG ↓