---
title: SVG
slug: Glossary/SVG
tags:
  - Débutant
  - Encodage
  - Glossaire
  - Graphismes
  - SVG
translation_of: Glossary/SVG
original_slug: Glossaire/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>) est un format d'image vectorielle 2D basé sur une syntaxe {{Glossary("XML")}}.</p>

<p>Le {{Glossary("W3C")}} a commencé à travailler sur SVG à la fin des années 90, mais SVG n'est devenu populaire qu'avec la sortie d'{{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9, supportant le SVG. Tous les principaux {{Glossary("navigateur","navigateurs")}} le prennent maintenant en charge.</p>

<p>Basé sur une syntaxe {{Glossary("XML")}}, SVG peut être stylé avec {{Glossary("CSS")}} et être rendu interactif grâce à {{Glossary("JavaScript")}}. HTML5 permet à présent d'intégrer directement des {{Glossary("Balise","balises")}} SVG au sein d'un document {{Glossary("HTML")}}.</p>

<p>SVG étant un <a href="http://fr.wikipedia.org/wiki/Image_vectorielle">format d'image vectorielle</a>, les images SVG peuvent être redimensionnées à l'infini, ce qui les rend inestimables pour la {{Glossary("Responsive web design","conception web adaptative")}}, car elles permettent de créer des éléments d'interface qui s'adaptent à toutes les tailles d'écran. SVG fournit également un ensemble d'outils, comme du clipping, des masques, des filtres et des animations.</p>

<h2 id="Pour_approfondir">Pour approfondir</h2>

<h3 id="Culture_générale">Culture générale</h3>

<ul>
 <li>{{Interwiki("wikipedia", "SVG")}} sur Wikipédia</li>
</ul>

<h3 id="Apprendre_le_SVG">Apprendre le SVG</h3>

<ul>
 <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org – SVG Primer</a></li>
</ul>

<h3 id="Informations_techniques">Informations techniques</h3>

<ul>
 <li><a href="/fr/docs/Web/SVG">Documentation SVG sur MDN</a></li>
 <li><a href="http://www.w3.org/TR/SVG/">Dernière spécification SVG</a></li>
</ul>