Introduction à SVG

SVG est un langage utilisé pour décrire des graphiques bidimensionnels et des programmes de dessin en utilisant XML.

Connaissances de base nécessaires avant l'apprentissage :

Avant de continuer, vous devriez avoir une compréhension de base des éléments suivants :

  • HTML
  • Basics de XML

Si vous souhaitez apprendre ces contenus en premier, veuillez visiterPage d'accueilChoisissez le tutoriel correspondant.

Qu'est-ce que SVG ?

  • SVG signifie Scalable Vector Graphics (Graphiques Vectoriels Extensibles)
  • SVG est utilisé pour définir des graphiques vectoriels basés sur le réseau
  • SVG utilise le format XML pour définir des graphiques
  • Les images SVG conservent leur qualité graphique même lorsqu'elles sont agrandies ou redimensionnées
  • SVG est une norme du World Wide Web Consortium
  • SVG et les normes W3C telles que DOM et XSL constituent un ensemble

SVG est une norme recommandée par W3C

SVG est devenu une norme recommandée par W3C le 14 janvier 2003.

Pour plus d'informations sur les activités SVG de W3C, veuillez visiter notre Tutoriel W3C.

L'histoire et les avantages de SVG

En janvier 2003, SVG 1.1 a été établi comme norme W3C.

Les organisations impliquées dans la définition de SVG incluent Sun Microsystems, Adobe, Apple, IBM et Kodak.

Les avantages de l'utilisation de SVG par rapport à d'autres formats d'images sont les suivants:

  • SVG peut être lu et modifié par un grand nombre d'outils (such as Notepad)
  • Compared to JPEG and GIF images, SVG has smaller size and stronger compressibility
  • SVG est extensible
  • Les images SVG peuvent être imprimées en haute qualité à n'importe quelle résolution
  • SVG peut être agrandi sans perte de qualité d'image
  • Le texte dans les images SVG est optionnel et est également searchable (very suitable for making maps)
  • SVG peut être exécuté avec la technologie Java
  • SVG est une norme ouverte
  • Les fichiers SVG sont des fichiers XML purs

Le principal concurrent de SVG est Flash.

Compared to Flash, the biggest advantage of SVG is its compatibility with other standards (such as XSL and DOM), while Flash is a closed-source proprietary technology.

Voir les fichiers SVG

Aujourd'hui, tous les navigateurs prennent en charge les fichiers SVG, sauf Internet Explorer qui nécessite l'installation d'un module complémentaire. Le module complémentaire est gratuit, par exemple Visualiseur SVG d'Adobe.