XSL/XHTML+SVG

Comment intégrer une image SVG dans un document (X)HTML statique ou dynamique ?

L'utilisation en lieu et place d'images classiques (jpeg, png, etc.) permet une certaine souplesse dans certains cas.

Tout d'abord, étant vectoriel, il est souvent plus compact qu'un autre format. De plus, il permet un usage avancé des CSS puisqu'on peut lui attribuer des propriétés sans utiliser plusieurs images. Les images et icônes peuvent donc s'adapter facilement à une page sans avoir besoin de les retoucher.

L'insertion de SVG dans un document statique peut se faire de différentes façons, en fonction du format du document support.

SVG : attribut viewbox

Redimensionner une image SVG

Le SVG est un langage de description d'élément graphique sous forme vectorielle qui permet de conserver une qualité visuelle correcte quelque soient les dimensions dans lesquelles elle est affichée. Si l'on possède une image haute définition ou plus grande que ce qui est utile, il est parfois utile de vouloir la redimensionner.