Présentation
RÉSUMÉ
Le format SVG est né de l’initiative du World Wide Web Consortium (W3C) qui cherchait à améliorer la diffusion d’images et à favoriser les applications graphiques sur Internet. Ce nouveau format d’images vectorielles devait ainsi pallier les limitations des formats existants et de plus servir de standard. A ce jour, une nouvelle version de SVG (2) est en cours de spécification, enrichie de nouvelles fonctionnalités comme la composition de couleurs, la mise en page automatique de texte dans des formes ou encore la possibilité de récupérer dynamiquement des données sur un serveur. Cet article décrit les fondements du format SVG, détaille la structure d’un fichier SVG, puis aborde les différents types d’utilisation de ces images SVG dans le cadre de développements.
Lire cet article issu d'une ressource documentaire complète, actualisée et validée par des comités scientifiques.
Lire l’articleAuteur(s)
-
Christophe JOLIF : Architecte Logiciel, ILOG - Membre du groupe de travail du W3C sur SVG
INTRODUCTION
La distribution d’images sur Internet passe actuellement principalement par des formats bitmaps tels que PNG, JPEG ou encore GIF. Certains sites Web font aussi appel à des formats vectoriels, propriétaires, comme le format SWF (Flash) d’Adobe ou VML de Microsoft. Ces formats, malgré leur diffusion importante, dans certains cas, possèdent certaines limitations. Afin d’améliorer la diffusion d’images et de favoriser les applications graphiques sur Internet, le World Wide Web Consortium (W3C) a mis en place dès 1998 un groupe de travail chargé de définir un nouveau format d’images vectorielles pour pallier les limitations des formats existants et servir de « standard » sur le Web. Ce groupe de travail a donné naissance en septembre 2001 à la version 1.0 de la recommandation du format SVG (« Scalable Vector Graphics ») incitant les acteurs d’Internet à adopter ce format. En janvier 2003, une version 1.1 de SVG a été publié sous forme de recommandation avec notamment des profils « limités » de SVG permettant son utilisation sur les téléphones portables. Enfin, une nouvelle version de SVG (1.2) est en cours de spécification, elle permettra aux utilisateurs du format d’aller encore plus loin dans leur utilisation de SVG en ajoutant de nombreuses fonctionnalités comme la composition de couleurs, la mise en page automatique de texte dans des formes ou encore la possibilité pour le SVG de récupérer dynamiquement des données sur un serveur.
Dans une première partie, nous allons étudier les fondements du format SVG en exposant les objectifs du groupe de travail et les limitations des autres formats. Nous verrons également les conséquences que cela a entraînées sur la définition du format par le W3C.
La deuxième partie décrit la structure d’un fichier SVG en construisant un exemple. Elle aborde également les différents types d’utilisation de ces images SVG dans le cadre de développements.
Enfin, avant de conclure, nous nous éloignerons de la description du format pour expliquer plus concrètement l’utilisation du format SVG, en voyant notamment les différents domaines d’application.
Cet article est réservé aux abonnés.
Il vous reste 93 % à découvrir.
Déjà abonné ? Se connecter
VERSIONS
- Version archivée 1 de nov. 2000 par Christophe JOLIF
DOI (Digital Object Identifier)
Présentation
ConclusionArticle inclus dans l'offre
"Documents numériques Gestion de contenu"
(66 articles)
Actualisée et enrichie d’articles validés par nos comités scientifiques.
Quiz, médias, tableaux, formules, vidéos, etc.
Opérationnels et didactiques, pour garantir l'acquisition des compétences transverses.
Un ensemble de services exclusifs en complément des ressources.
3. SVG et le monde réel
3.1 Domaines d’application
Les domaines possibles d’application de SVG dans le monde réel sont a priori très nombreux. Dès que le besoin d’images notamment vectorielles se fait sentir, on peut avantageusement exploiter le format SVG. Sont cités ici les exemples les plus pertinents sur Internet, assortis parfois de limitations.
-
Présentations
De plus en plus de sites Internet font appel à des présentations animées pour mettre en valeur leurs produits ou leurs services. SVG leur permet de remplacer aisément leur technologie propriétaire par un format ouvert amené à évoluer en leur apportant de nouvelles possibilités d’affichage et d’interaction.
-
Logos
Cette deuxième catégorie d’utilisation rassemble un grand nombre d’images circulant sur Internet. Il peut s’agir aussi bien du logo d’une entreprise que d’un bandeau publicitaire. SVG, par la faible taille de ses fichiers, les possibilités supplémentaires qu’il apporte, et la fidélité de reproduction qu’il permet, peut être amené à remplacer les fichiers GIF (éventuellement animés) qui constituent une grande partie de cette catégorie et qui sont relativement lourds à transporter.
-
Visualisation de données
Par exemple, on peut souhaiter afficher sur son site Internet une image représentant la topologie de son réseau informatique. Un des avantages d’afficher ces données en SVG est que l’on pourra, par exemple, associer des métadonnées aux ordinateurs du réseau (pour connaître leurs caractéristiques), que l’utilisateur pourra interagir sur l’état du réseau ou changer d’échelle pour observer un détail.
Un autre exemple typique d’utilisation de SVG pour visualiser des données est l’affichage de courbes d’indicateurs financiers. En effet les fonctionnalités de SVG permettent à celui-ci d’aller régulièrement chercher sur un serveur les nouvelles données disponibles et de modifier sur le client dynamiquement et de manière incrémentale l’affichage en fonction de celles-ci afin de rendre le rafraîchissement non gênant pour l’utilisateur (contrairement au rafraîchissement d’une image bitmap dans le cadre de l’application DHTML qui demanderait une mise à jour totale de l’image).
C’est dans ce domaine également que les capacités d’accessibilité...
Cet article est réservé aux abonnés.
Il vous reste 95 % à découvrir.
Déjà abonné ? Se connecter
SVG et le monde réel
Article inclus dans l'offre
"Documents numériques Gestion de contenu"
(66 articles)
Actualisée et enrichie d’articles validés par nos comités scientifiques.
Quiz, médias, tableaux, formules, vidéos, etc.
Opérationnels et didactiques, pour garantir l'acquisition des compétences transverses.
Un ensemble de services exclusifs en complément des ressources.
BIBLIOGRAPHIE
-
(1) - W3C - PNG (Portable Network Graphic) Specification 1.0 a W3C Recommendation - (1996). http://www.w3.org/TR/REC-png-multi.html
-
(2) - Microsoft, Hewlett-Packard, Macromedia, Visio, Autodesk - * - VML (Vector Markup Language) Submission to the World Wide Web Consortium (1998). http://www.w3.org/TR/NOTE-VML
-
(3) - Adobe - SWF file format specification - . http://www.adobe.com/licensing/
-
(4) - W3C - SVG Requirements - (1998). http://www.w3.org/TR/SVG/reqts.html
-
(5) - W3C - SVG DTD (Document Type Definition) - (2000). http://www.w3.org/TR/SVG/svgdtd.html
-
(6) - W3C - SVG (Scalable Vector Graphics) 1.1 Specification a W3C Recommendation - (2003). http://www.w3.org/TR/SVG11/
-
...
Cet article est réservé aux abonnés.
Il vous reste 95 % à découvrir.
Déjà abonné ? Se connecter
Article inclus dans l'offre
"Documents numériques Gestion de contenu"
(66 articles)
Actualisée et enrichie d’articles validés par nos comités scientifiques.
Quiz, médias, tableaux, formules, vidéos, etc.
Opérationnels et didactiques, pour garantir l'acquisition des compétences transverses.
Un ensemble de services exclusifs en complément des ressources.
