Agence web » Actualités du digital » Qu’est-ce qu’un fichier SVG et comment en ouvrir un?

Qu’est-ce qu’un fichier SVG et comment en ouvrir un?

Logo SVG sur fond bleu
World Wide Web Consortium

En naviguant sur le Web, vous avez peut-être rencontré des fichiers graphiques avec une extension «SVG». Quelle est la particularité de ces fichiers et comment les afficher? Nous expliquerons.

Qu’est-ce qu’un fichier SVG?

Dans le contexte de l’infographie, SVG signifie «Scalable Vector Graphics». Un fichier SVG est un fichier informatique qui utilise la norme SVG, définie par le World Wide Web Consortium, pour afficher une image.

Les formats d’image classiques, tels que JPG, PNG et GIF, utilisent des graphiques raster, ce qui signifie qu’ils affichent une image en stockant une grille de pixels, appelée bitmap. La couleur et l’emplacement de chaque pixel sont stockés dans le fichier. Si vous redimensionnez une image raster plus grande que prévu, l’image devient irrégulière et floue.

Exemple de fichier raster PNG mis à l'échelle 600%

En revanche, les images SVG utilisent des graphiques vectoriels pour définir une image. Dans une image graphique vectorielle, l’image est stockée mathématiquement sous forme d’une série d’instructions qui indiquent à un programme de visualisation comment «dessiner» l’image sur votre écran. Étant donné que le dessin peut avoir lieu à n’importe quelle taille, les fichiers SVG sont indépendants de la résolution. Ils peuvent être agrandis ou réduits sans perte de qualité ou de netteté.

Exemple de fichier vectoriel SVG mis à l'échelle 600%

Quel est l’intérêt du format SVG?

Étant donné que les fichiers SVG peuvent être mis à l’échelle à n’importe quelle taille sans perte de détails, ils peuvent produire des graphiques très fluides avec une taille de fichier relativement petite par rapport aux graphiques raster. Elles sont également plus à l’épreuve du temps que les images bitmap car elles peuvent être mises à l’échelle à des résolutions plus importantes dans les futurs écrans sans perte de qualité.

Exemple de graphiques vectoriels évolutifs
World Wide Web Consortium

De plus, SVG est une norme ouverte qui peut être incluse dans la visualisation des applications et des navigateurs sans redevance, ce qui signifie que les développeurs d’applications n’ont pas besoin de payer d’argent pour l’utiliser. SVG utilise XML, un autre standard ouvert, pour encoder des graphiques en deux dimensions d’une manière qui est facile à lire et à modifier pour les applications.

Comment afficher un fichier SVG?

Tous les navigateurs Web modernes prennent en charge l’affichage des fichiers SVG. Cela inclut Chrome, Edge, Firefox et Safari. Donc, si vous avez un SVG et que vous ne pouvez pas l’ouvrir avec autre chose, ouvrez votre navigateur préféré, sélectionnez Fichier> Ouvrir, puis choisissez le fichier SVG que vous souhaitez voir. Il apparaîtra dans la fenêtre de votre navigateur.

Vous pouvez également utiliser un convertisseur en ligne gratuit tel que SVGtoPNG.com pour convertir un fichier SVG en un format raster que vous pouvez afficher à l’aide d’applications de visualisation d’images conventionnelles. Cependant, une fois que vous convertissez le SVG en un format raster tel que PNG, vous perdrez la possibilité de redimensionner l’image à différentes tailles tout en conservant la même netteté et les mêmes détails.

Comment créer ou modifier un fichier SVG?

Pour créer ou modifier un fichier SVG, vous aurez besoin d’une application prenant en charge le format. Adobe Illustrator, connu pour la création d’illustrations vectorielles, prend en charge nativement le chargement et l’enregistrement de fichiers au format SVG. En outre, Inkscape et GIMP sont deux programmes gratuits qui peuvent enregistrer des illustrations au format SVG. Pour d’autres programmes tels qu’Adobe Photoshop et InDesign, vous pouvez acheter un plug-in prenant en charge SVG, tel que SVG Kit pour Adobe Creative Suite.

Alors que les formats graphiques vectoriels concurrents existent depuis l’aube de l’infographie elle-même, le large support et la nature ouverte du SVG signifient que cette norme graphique sera probablement avec nous pendant très longtemps.

★★★★★