Fichier SVG

Ce que c’est

Un fichier SVG est un fichier texte. Il décrit trois sortes d’objets : des formes vectorielles, du texte et des images raster intégrées. Son attribut viewBox définit un système de coordonnées plutôt qu’une taille en pixels : un navigateur ou une application met donc le dessin à l’échelle de l’espace dont il dispose.

Propriété	SVG
Type d’image	Vectoriel, avec des images PNG ou JPEG intégrées facultatives
Compression	Aucune ; .svgz est un SVG compressé en gzip
Couleur	Couleurs unies, dégradés linéaires et radiaux, motifs
Transparence	Oui ; tout ce qui n’est pas dessiné est transparent
Texte	Vrai texte, qui reste sélectionnable et que l’on retrouve par la recherche
Mise en forme	CSS dans un élément style, attributs style ou attributs de présentation
Animation	Oui, avec des éléments d’animation SMIL ou des scripts
Scripts	Un élément <script>, comme en HTML
Taille en pixels	Aucune taille fixe ; dessiné à la taille demandée

Le SVG est le format habituel des logos, icônes, graphiques et illustrations sur les sites web, car un seul fichier sert tous les écrans. Comme un SVG peut contenir des scripts, les navigateurs les désactivent lorsque le fichier est affiché comme une image (dans une balise <img> ou en arrière-plan CSS), mais pas lorsque le fichier est ouvert directement ou intégré avec <object> ou <iframe>.

Sources : W3C, SVG 1.0, SVG 1.1 (Second Edition) (introduction et chapitres sur les systèmes de coordonnées, les dégradés, la mise en forme, la structure et l’animation) et SVG 2 ; MDN, script element, SVG as an image et Image file type and format guide. Consulté le 27 octobre 2026.

Quelles applications l’ouvrent

Plateforme ou application	Ouvre le SVG	Remarques
Chrome, Edge, Firefox, Safari	Oui, dans toutes les versions actuelles	Safari 26 accepte aussi le SVG pour les favicons
Explorateur de fichiers Windows	Aperçu et vignettes via Microsoft PowerToys	Microsoft ne documente aucun aperçu SVG intégré
Mac	Safari ouvre les fichiers SVG	La documentation d’Aperçu d’Apple ne mentionne pas le SVG
Android	Vector Asset Studio d’Android Studio convertit le SVG en drawables vectoriels Android pour les applications	Le texte, les filtres, les remplissages par motif et les modes de fusion ne sont pas convertis
Illustrator	Exporte le SVG avec Exporter pour les écrans
Inkscape	Oui ; le SVG est son propre format de fichier
Figma	Oui ; un SVG importé devient un calque vectoriel modifiable
Affinity Designer 2	Oui, ouverture et export
GIMP	Ouvre le SVG comme une image ; les tracés SVG peuvent être importés par la boîte de dialogue Tracés
Canva	Oui, comme image importée	Moins de 3 Mo, enregistré avec le profil SVG 1.1

Sources : MDN, Image file type and format guide ; WebKit, WebKit features in Safari 26.0 ; Microsoft, PowerToys File Explorer add-ons ; Apple, Convert graphics file types in Preview ; Android, Vector Asset Studio ; Adobe, Supported file formats in Illustrator (mis à jour le 27 octobre 2025) ; Inkscape README ; Figma, Add images and videos to designs ; formats de fichier d’Affinity Designer 2 ; GIMP, Paths and SVG ; Canva, Check file upload formats and requirements. Consulté le 27 octobre 2026.

Comment le convertir

Convertir un SVG en PNG, JPEG ou WebP transforme le dessin en pixels, à une seule taille. Le résultat ne s’adapte plus à l’échelle, son texte n’est plus modifiable, et l’animation et les scripts sont supprimés. Le PNG et le WebP conservent le fond transparent ; le JPEG n’a pas de canal alpha et le remplit avec une couleur.

Méthode	Comment	Remarques
librsvg	rsvg-convert -w 2048 -a logo.svg -o logo.png	-a conserve les proportions ; sans -w, la largeur propre du SVG est utilisée
Inkscape	inkscape logo.svg --export-type=png --export-width=2048	Exporte aussi en PDF, EPS et EMF
ImageMagick	magick -density 300 logo.svg logo.png	-density se place avant le fichier d’entrée ; la valeur par défaut est 72 dpi
Illustrator	Fichier > Exporter > Exporter pour les écrans, PNG ou JPEG
Freedam	Téléchargez une déclinaison WebP à une largeur donnée, ou le SVG d’origine	La déclinaison est dessinée à partir d’un aperçu de 3 072 pixels

Sources : rsvg-convert manual ; Inkscape, command-line manual ; ImageMagick, command-line options ; MDN, Image file type and format guide. Consulté le 27 octobre 2026.

Comment le convertir avec une IA

Un assistant IA capable d’exécuter des commandes sur votre ordinateur, comme un agent de code dans un terminal, peut installer librsvg, le moteur de rendu SVG open source utilisé par GNOME, et lancer la conversion à votre place. Collez un prompt comme celui-ci, changez les noms de dossiers et lisez chaque commande que l’assistant propose avant de la valider : elle s’exécute avec vos droits, sur vos fichiers.

Install librsvg on this computer, which includes rsvg-convert (Homebrew package librsvg on macOS, apt package librsvg2-bin on Debian or Ubuntu, MSYS2 on Windows).

Then convert every .svg file in the folder ~/Logos to a PNG 2,048 pixels wide, keeping the aspect ratio and the transparent background, for example:
rsvg-convert -w 2048 -a logo.svg -o logo.png

Write the PNG files to a new folder ~/Logos/png and keep the originals unchanged. When you have finished, list any file that failed, with the error.

Le SVG dans Freedam

Freedam accepte les fichiers .svg dans la photothèque et conserve l’original intact.

• Aperçu : Freedam dessine le SVG avec librsvg dans un PNG de 3 072 pixels maximum sur le grand côté, en conservant le fond transparent, et l’enregistre comme aperçu WebP. Si librsvg échoue sur un fichier, ImageMagick le dessine à la place.
• Déclinaisons : des copies WebP de 128, 256, 512 et 1 024 pixels de large sont créées à l’import à partir de cet aperçu, et des tailles supérieures jusqu’à 5 120 pixels à la première demande. Les URL d’image Freedam livrent le dessin en AVIF, WebP ou JPEG, selon ce que le navigateur accepte.
• Téléchargements : les personnes qui ont le droit de télécharger choisissent entre le SVG d’origine et une déclinaison WebP. Comme le SVG s’ouvre dans tous les navigateurs actuels, la boîte de dialogue de téléchargement propose l’original.
• Métadonnées : à l’import, Freedam lit la largeur et la hauteur déclarées dans le SVG et vérifie la présence de Content Credentials dans le fichier. Une description, des mots-clés, un créateur ou une mention de copyright présents dans les métadonnées XMP du SVG alimentent les champs propres du média.

Questions fréquentes

Le SVG est-il meilleur que le PNG ?

Pour les logos, icônes, graphiques et schémas, généralement oui : un SVG reste net à toutes les tailles, et MDN recommande le SVG pour les images qui doivent être dessinées avec précision à différentes tailles. Pour les photos, utilisez un format raster comme le JPEG, le WebP ou l’AVIF ; le PNG convient aux captures d’écran et aux images raster qui ont besoin de transparence.

Un fichier SVG peut-il contenir du JavaScript ?

Oui. Le SVG a un élément <script>. Les navigateurs ne l’exécutent pas lorsque le SVG est affiché comme une image via une balise <img> ou en arrière-plan CSS, mais ils l’exécutent lorsque le fichier est ouvert directement ou intégré avec <object> ou <iframe>.

Pourquoi les vignettes SVG ne s’affichent-elles pas dans l’Explorateur de fichiers Windows ?

Microsoft ne documente les aperçus et vignettes SVG dans l’Explorateur de fichiers que via PowerToys, un ensemble gratuit de modules complémentaires. Installez PowerToys et activez ses modules complémentaires de l’Explorateur de fichiers pour le SVG.