Qu'est-ce qu'un fichier SVG ? (Et comment l'ouvrir, l'utiliser et en créer un)

Un fichier SVG (Scalable Vector Graphics) est une image composée de mathématiques et de code, plutôt que d'une grille de pixels. Comme il stocke une image sous forme de formes (lignes, courbes et remplissages) plutôt que de points colorés, il reste net à n'importe quelle taille, de la petite icône d'application au panneau publicitaire, et le fichier est généralement léger. Vous avez probablement déjà croisé des SVG sous forme de logos, d'icônes de site web et de fichiers de découpe Cricut.

Voici un guide simple pour quiconque vient d'en rencontrer un : ce qu'est réellement un SVG, ce qu'il contient, ce pour quoi il est bon ou moins bon, comment l'ouvrir, et comment en créer un à partir d'une image que vous avez déjà. Pas besoin de connaître le développement web.

La version courte

• Un SVG stocke une image sous forme de formes décrites en code, pas de pixels, donc il s'agrandit à n'importe quelle taille sans devenir flou.
• Il est excellent pour les logos, icônes, illustrations simples, et projets Cricut ou d'impression. Il convient mal aux photos.
• Ouvrez-en un dans n'importe quel navigateur web, une application de design (Illustrator, Inkscape, Figma, Canva), ou même un simple éditeur de texte.
• Créez-en un en le dessinant dans un logiciel vectoriel, ou en convertissant une image que vous avez déjà en SVG.

SVG vs image classique (PNG ou JPG)

Un PNG ou un JPG est une image raster : une grille fixe de pixels colorés, comme une mosaïque. Zoomez assez fort et vous voyez les carrés, ce qui explique pourquoi un logo enregistré en PNG devient flou quand vous l'agrandissez.

Un SVG est une image vectorielle : un ensemble d'instructions qui dit "trace un cercle ici, remplis-le en orange, trace cette courbe là". Comme l'image est redessinée à partir de ces instructions à chaque fois, elle reste nette à n'importe quelle taille. Cette seule différence résume tout l'intérêt du format. (Pour savoir quand utiliser chaque format, consultez PNG vs SVG.)

Ce qu'il y a réellement dans un fichier SVG

Voici ce qui surprend souvent : un SVG est du texte. Ouvrez-en un dans le Bloc-notes ou n'importe quel éditeur de code, et vous pouvez le lire. Sous le capot, c'est du XML, un format texte à balises, où chaque forme correspond à une ligne de code. Un SVG simple représentant un cercle orange ressemble à ceci :

<svg viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="orange" />
</svg>

C'est tout le fichier. circle dessine la forme, cx/cy la placent, r définit le rayon, et fill définit la couleur. Comme c'est du texte brut, un SVG est minuscule, un navigateur peut l'afficher instantanément, et vous pouvez modifier une couleur en changeant un seul mot. SVG est un standard ouvert maintenu par le W3C depuis la fin des années 1990, et tous les navigateurs modernes le prennent en charge.

À quoi servent les SVG

Les SVG brillent partout où un graphisme doit rester net à différentes tailles ou être modifié comme un ensemble de formes :

• Logos. Un seul SVG fonctionne sur une carte de visite comme sur une bannière, sans fichier séparé pour chaque taille.
• Icônes et graphismes de site web. Les boutons, flèches et illustrations simples restent nets sur tous les écrans et se chargent vite.
• Cricut et machines de découpe. Le SVG est le format standard des fichiers de découpe. La machine suit les chemins pour découper du vinyle, du papier ou du vinyle thermocollant. (Préparer des fichiers SVG pour Cricut couvre tout le processus.)
• Impression et signalétique. Un vectoriel s'adapte à n'importe quelle taille physique sans pixelliser.

Ce pour quoi les SVG ne sont pas faits

Les SVG sont faits pour les visuels plats et graphiques, ils conviennent donc mal aux photographies. Une photo contient des millions de couleurs subtilement fondues, sans zones vraiment plates ; la forcer en formes donne soit une version postérisée qui ressemble à une peinture, soit un énorme fichier désordonné. Si vous envisagez de vectoriser une photo, lisez d'abord ce qui se passe vraiment quand vous convertissez une photo en SVG. Pour conserver de vrais détails photographiques, gardez le JPG ou le PNG.

Comment ouvrir un fichier SVG

Vous avez trois options simples, selon ce que vous voulez faire :

• Simplement le regarder : glissez le fichier dans n'importe quel navigateur web. Il s'affiche instantanément, sans logiciel particulier.
• Le modifier visuellement : ouvrez-le dans une application de design comme Inkscape (gratuit), Illustrator, Figma ou Canva. (Comment modifier un SVG explique comment recolorer et remodeler les formes.)
• Voir ou retoucher le code : ouvrez-le dans un éditeur de texte comme le Bloc-notes ou VS Code.

Un détail piège souvent les gens : l'Explorateur de fichiers Windows n'affiche pas de miniature pour les SVG par défaut, donc le fichier peut sembler vide dans le dossier. Cela ne veut pas dire qu'il est cassé. Ouvrez-le dans un navigateur et il s'affichera correctement.

Comment créer un SVG

Il existe deux chemins, et le bon dépend de votre point de départ.

Le créer de zéro. Dessinez votre logo, icône ou illustration dans un logiciel vectoriel (Inkscape, Illustrator, Figma ou Canva), puis exportez-le en SVG. C'est ce qui donne le résultat le plus propre, parce que le fichier était vectoriel dès le départ.

Convertir une image que vous avez déjà. C'est ce dont la plupart des gens ont réellement besoin. Si votre logo ou votre visuel n'existe qu'en PNG ou JPG, vous le transformez en SVG en le vectorisant, c'est-à-dire en redessinant les pixels sous forme de formes modifiables. (Ce qu'est la vectorisation d'image explique le processus.)

Ce que cela donne avec PerfectVector

Si vous avez un PNG ou un JPG et qu'il vous faut un vrai SVG, vous passez par la conversion, et c'est précisément ce que fait PerfectVector. Importez un logo, une icône ou une illustration plate, et il reconstruit le visuel sous forme de SVG propre, avec peu de nœuds et des couleurs modifiables, prêt pour le web, l'impression ou une machine de découpe. Vous pouvez transformer votre image en SVG et vérifier le résultat vous-même. Convertissez vos premières images gratuitement, sans carte bancaire.

Il fonctionne le mieux sur les mêmes contenus que le SVG lui-même : les visuels plats, graphiques, et les logos. Pour une photo détaillée, aucun convertisseur ne vous donnera un vrai vectoriel photographique, et nous vous le dirons plutôt que de faire semblant.

Petite note de sécurité

Comme un SVG peut contenir du code, il peut en théorie transporter un script, comme une page web. Le consulter dans un navigateur ou une application de design est sûr, et les SVG provenant de sources fiables ne posent pas de problème. Traitez simplement un SVG trouvé au hasard, issu d'une source inconnue, comme n'importe quel fichier inconnu, et ne l'intégrez pas à votre site web sans savoir d'où il vient.

FAQ

À quoi sert un fichier SVG ? Aux logos, icônes de site web, boutons, illustrations simples, et fichiers de découpe pour des machines comme Cricut. Partout où un graphisme doit rester net à différentes tailles ou être modifié sous forme de formes, un SVG est un excellent choix. Il est très utilisé sur le web parce que les fichiers sont légers et se redimensionnent sans perte de qualité.

Comment ouvrir un fichier SVG ? Glissez-le dans n'importe quel navigateur web pour le visualiser, ouvrez-le dans une application de design comme Inkscape, Illustrator, Figma ou Canva pour le modifier visuellement, ou ouvrez-le dans un éditeur de texte comme le Bloc-notes pour voir le code. Notez que l'Explorateur de fichiers Windows n'affiche pas de miniature pour les SVG par défaut : une icône qui semble vide ne veut donc pas dire que le fichier est cassé.

Comment créer un fichier SVG ? Vous pouvez soit le concevoir dans un logiciel vectoriel (Inkscape, Illustrator, Figma ou Canva) puis l'exporter en SVG, soit convertir une image que vous avez déjà, comme un logo PNG ou JPG, en SVG en la vectorisant. Créer le visuel de zéro donne le résultat le plus propre ; convertir est la voie rapide quand vous ne disposez que d'un fichier raster.

Un fichier SVG est-il un fichier vectoriel ? Oui. SVG signifie Scalable Vector Graphics, et le format stocke les images sous forme de formes vectorielles plutôt que de pixels. C'est exactement pour cela qu'il peut s'agrandir à n'importe quelle taille sans perdre en qualité.

Quelle est la différence entre un SVG et un PNG ou JPG ? Un PNG ou un JPG est composé de pixels et devient flou quand on l'agrandit au-delà de sa résolution. Un SVG est composé de formes et reste net à n'importe quelle taille. PNG et JPG sont meilleurs pour les photos ; SVG est meilleur pour les logos, icônes et graphismes.

Puis-je ouvrir un fichier SVG dans Microsoft Word ou Office ? Oui. Microsoft 365 et les versions récentes d'Office vous permettent d'insérer des fichiers SVG, et même de les recolorer ou de les restyler dans un document, ce qui est pratique pour les logos et icônes dans les rapports et les présentations.

---

Un SVG est simplement une image construite à partir de formes et de code plutôt que de pixels ; c'est ce qui lui permet de rester nette partout et de rester modifiable. Si le vôtre n'existe pour l'instant qu'en PNG ou JPG, convertissez-le en SVG propre et vous obtiendrez un fichier que vous pourrez agrandir, recolorer et découper sans jamais le rendre flou.