Qu'est-ce que le format de fichier SVG ?
L'abréviation .svg signifie Scalable Vector Graphics, et il s'agit d'un format pour les fichiers graphiques 2D. Le SVG est un langage basé sur le XML conçu pour décrire des graphiques 2D en texte brut. Le format .svg a été développé par le *World Wide Web Consortium (W3C)* et constitue le format standard pour l'affichage de graphiques vectoriels sur le web, devenant une recommandation du W3C en 2001 (le SVG 1.1 a suivi en 2011).
Comme le texte est utilisé pour décrire les graphiques vectoriels, l'échelle d'un fichier .svg peut être modifiée sans aucune perte de qualité. Pour simplifier - le contenu du fichier, une image, peut être affiché à n'importe quelle taille sans pixellisation, ce qui rend le .svg idéal pour les icônes, les logos, les illustrations et les éléments d'interface utilisateur qui doivent rester nets à n'importe quelle résolution.
Les fichiers .svg peuvent également être compressés à l'aide de la compression GZIP, après quoi le format devient .svgz, avec une taille finale réduite d'environ 50 à 80 %.
En raison de leur nature textuelle basée sur le XML, les fichiers .svg peuvent être recherchés, indexés, compressés et scriptés, ce qui les rend parfaitement adaptés au partage de graphiques sur le web. Tous les navigateurs modernes affichent nativement les images .svg sans aucun plugin. Les fichiers .svg sont également pris en charge par les éditeurs de texte brut et les éditeurs vectoriels avancés tels qu'Inkscape ou Adobe Illustrator, et ils peuvent intégrer des images matricielles PNG, des animations, du style CSS et du JavaScript interactif directement dans le fichier. Le type MIME est image/svg+xml.
Sécurité et sûreté
RISQUE : MEDIUMLe SVG est du XML et peut INTÉGRER du CSS et du JavaScript, donc un .svg ouvert dans un navigateur peut exécuter des scripts - cela fait des SVG malveillants un véritable vecteur de cross-site scripting, de redirection et de phishing, et les pièces jointes SVG ont été utilisées dans des campagnes de logiciels malveillants (une « image inoffensive » qui contient en réalité un script ou un formulaire HTML). Traitez les fichiers .svg non sollicités comme des pages web, pas comme des images : ne les ouvrez pas s'ils proviennent d'expéditeurs inconnus, et sur les sites web, assainissez les SVG téléchargés (supprimez les scripts/gestionnaires d'événements) avant de les servir. Ouvrir un SVG dans une liseuse sans script ou un éditeur de code pour inspecter le XML est sûr. Évitez les sites de téléchargement douteux de « convertisseurs/lecteurs SVG gratuits » qui regroupent des logiciels publicitaires - le navigateur et Inkscape couvrent les besoins réels.
Détails du format
en brefProgrammes qui ouvrent les fichiers SVG
Windows4 apps
Adobe Illustrator
Payant Fichier -> Ouvrir le .svg pour éditer ; Fichier -> Exporter pour PNG/JPG. L'éditeur vectoriel standard de l'industrie. 
Web browser (Chrome, Edge, Firefox)
Gratuit Double-cliquez sur le .svg ou faites-le glisser dans la fenêtre du navigateur pour le visualiser en pleine qualité.
Code editor (VS Code / Notepad++)
Gratuit Ouvrez le .svg en tant que texte pour lire/éditer le balisage XML directement (et prévisualisez avec une extension SVG). 
macOS3 apps
Adobe Illustrator
Payant Fichier -> Ouvrir le .svg pour éditer ; Fichier -> Exporter pour PNG/JPG. L'éditeur vectoriel standard de l'industrie.
Web browser / Preview
Intégré Ouvrez le .svg dans Safari/Chrome pour le visualiser ; Aperçu sur macOS affiche également le SVG. 
Linux3 apps
GIMP
Open-source Importez le .svg (le rastérise à une résolution choisie) pour l'édition de pixels ou l'exportation.
SVG-Edit / boxy-svg (online editors)
Freemium Ouvrez et éditez le SVG dans le navigateur sans installation (Boxy SVG, ou l'outil open-source SVG-Edit). Détails techniques
spécifications approfondies| Structure du fichier | Texte XML brut ; lisible par l'homme et éditable dans n'importe quel éditeur de texte sans logiciel spécial |
| Type MIME | image/svg+xml |
| Encodage des caractères | UTF-8 (déclaré dans l'en-tête XML) ; le fichier est du texte Unicode brut sans contenu binaire |
| Scalabilité | Mise à l'échelle infinie sans perte - la géométrie est définie mathématiquement, donc aucune pixellisation ne se produit à n'importe quelle taille |
| Variante compressée | .svgz - le même XML SVG enveloppé dans du gzip ; taille de fichier généralement 50 à 80 % plus petite |
| Support d'animation | Les animations déclaratives SMIL et les animations/transitions CSS sont toutes deux prises en charge |
| Scripting | Le JavaScript peut interroger et modifier les éléments SVG via l'API DOM standard, permettant l'interactivité |
| Style | Le CSS peut être appliqué via des attributs de style en ligne, des blocs <style> intégrés ou des feuilles de style externes |
| Système de coordonnées | Canevas infini avec des unités définies par l'utilisateur ; l'attribut viewBox mappe les coordonnées du document à la fenêtre d'affichage |
| Primitives de forme | path, circle, rect, ellipse, polygon, polyline, line - plus les dégradés, les motifs, les masques et les effets de filtre |
| Rendu du navigateur | Support natif dans tous les navigateurs modernes (Chrome, Firefox, Edge, Safari) - aucun plugin requis |
| Intégration dans le HTML | Peut être utilisé en ligne comme <svg>, référencé via <img>, <object>, <embed>, ou comme image d'arrière-plan CSS |
| Accessibilité | Les nœuds de texte sont lisibles par machine ; prend en charge les éléments <title> et <desc> ainsi que les attributs ARIA |
| Intégration matricielle | Les images matricielles externes (PNG, JPEG) peuvent être intégrées via des éléments <image> en utilisant des chemins de fichiers ou des URI de données |
| Identification du fichier | Pas d'octets magiques binaires ; identifié par l'élément racine <svg, éventuellement précédé d'une déclaration XML ou d'un DOCTYPE |
| Publié | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Standard ouvert | Oui · libre de droits |
| Spécification | www.w3.org |
Conversions SVG
Q&R de la communauté
posées par les utilisateursPas encore de questions - soyez le premier à poser une question sur les fichiers SVG.
