Ce qu'est un fichier SVG

Ce qu'est un fichier SVG

Un SVG n'est pas une image mais la description d'une image : un fichier texte énumérant des formes, des tracés, des couleurs et les règles pour les dessiner. Rien à l'intérieur n'a de taille en pixels, et c'est pourquoi un logo en SVG est aussi net sur un téléphone que sur un panneau publicitaire, là où un PNG du même logo doit choisir une résolution et s'en contenter.

Cela en fait le bon format pour tout ce qui est dessiné plutôt que capté — logos, icônes, schémas, graphiques. Et le mauvais format pour les photographies, qui n'ont pas de formes à décrire ; en vectoriser une produit un fichier énorme qui rend moins bien que l'original.

Parce qu'un SVG est du texte, c'est aussi un document qui peut contenir des scripts, des gestionnaires d'événements et des références à d'autres sites. C'est une question de sécurité réelle et non théorique, et c'est pourquoi ce site retire tout cela avant d'en afficher un.

D'où il vient

Le SVG a été normalisé par le W3C en 2001, assemblé à partir de deux propositions vectorielles concurrentes. Il a passé une décennie quasi inutilisé parce qu'Internet Explorer ne l'affichait pas, puis est devenu omniprésent en quelques années après IE9 en 2011 — moment où les écrans avaient commencé à varier fortement en densité, et où un format sans résolution fixe s'est révélé être exactement ce qu'il fallait.

SVG en bref

SVG en bref

• Rien n'est compressé. La taille du fichier découle presque directement des dimensions, et c'est pourquoi ces fichiers sont tellement plus lourds que tout le reste ici.
• Il n'y a aucun pixel. Le fichier énumère des formes et les règles pour les dessiner : la résolution se décide donc à l'affichage et non à l'enregistrement.
• La transparence est une couche alpha complète : chaque pixel enregistre son degré de transparence, un bord adouci reste donc adouci sur n'importe quel fond.
• Le conteneur tient plus d'une image : convertir vers un format fixe garde la première et écarte le reste.
• Il n'y a aucun emplacement normalisé pour les données de prise de vue, les dates ou les droits : tout ce que la source portait est abandonné à l'entrée.

Ce qu'il fait bien

• Transparence complète : chaque pixel enregistre son degré de transparence, les bords se fondent donc proprement dans n'importe quel fond.
• Contient plusieurs images et les joue, il peut donc porter un court extrait en boucle.
• Rien n'est écarté. Ce que vous y mettez ressort tel quel, quel que soit le nombre d'enregistrements.
• N'a aucune résolution. Le même fichier est net sur l'écran d'un téléphone et sur une affiche imprimée.

Là où il faiblit

• Pas un format photographique. Une photographie qu'on y force est plus lourde et moins bonne qu'avant.
• Peut contenir des scripts et des références à d'autres sites : il demande donc à être traité comme un document et non comme une image.
• Aucun emplacement normalisé pour les données de prise de vue, les dates ou les droits, qui sont donc perdus à l'entrée.
• Lu seulement par les navigateurs récents : Chrome 4, Firefox 3, Safari 3.2.

Que prendre à la place du SVG

• Pour les photographies, prenez le JPG pour la compatibilité, le WebP pour un bon équilibre, ou l'AVIF pour le fichier le plus léger. Ce format n'est pas bâti pour en stocker une et donnera un résultat à la fois plus lourd et moins bon.
• Pour une image qui doit s'afficher partout sans solution de repli, prenez le PNG ou le JPG. Tous deux sont lus par tous les navigateurs depuis plus longtemps que la plupart des alternatives n'existent.

Quand employer le SVG

Prenez le SVG pour tout ce qui est dessiné plutôt que photographié : logos, icônes, schémas, graphiques, illustrations. Prenez-le surtout là où la même image doit paraître à des tailles très différentes, puisqu'il n'a aucune résolution sur laquelle se tromper.

Évitez le SVG pour les photographies. En vectoriser une produit un gros fichier qui rend moins bien que l'original, et aucun format vectoriel ne peut l'améliorer. Traitez un SVG de provenance inconnue avec la prudence que vous réserveriez à un fichier HTML, car c'est plus proche de ce qu'il est.

Ce qui ouvre un fichier SVG

Sur un ordinateur, les fichiers SVG s'ouvrent dans Inkscape, Illustrator, and any browser.

La prise en charge par les navigateurs est plus récente : Chrome 4, Firefox 3, Safari 3.2. Un navigateur plus ancien proposera de télécharger le fichier au lieu de l'afficher.

Transformer un fichier SVG en autre chose :

• Convertisseur d'images
• Convertisseur SVG vers PNG
• Convertisseur SVG vers JPG
• Convertisseur SVG vers WebP
• Convertisseur SVG vers AVIF
• Convertisseur SVG vers BMP
• Convertisseur SVG vers ICO

Produire un fichier SVG à partir d'autre chose :

• Convertisseur d'image vers SVG
• Optimiseur SVG
• Minifieur SVG
• Visionneuse et inspecteur SVG

Problèmes courants avec le SVG

Le rendu diffère d'un programme à l'autre.

Le fichier décrit des formes et laisse le dessin à ce qui l'ouvre, et les polices, les filtres et les unités sont ce qui varie le plus entre moteurs de rendu. Convertissez le texte en tracés avant d'exporter, évitez les effets qui dépendent du moteur, et donnez au document une taille explicite plutôt que de compter sur une taille déduite.

Seule la première image est ressortie.

Le format vers lequel vous avez converti tient une seule image : les images restantes n'avaient nulle part où aller. Convertissez en WebP animé si le mouvement compte. Il stocke la même animation pour une fraction de la taille, avec toutes les couleurs et une vraie transparence.

Il s'affiche chez moi et pas chez certains visiteurs.

La prise en charge de ce format est arrivée relativement récemment : un navigateur plus ancien ou un appareil non mis à jour peut ne pas le lire. Servez un format plus ancien à côté et laissez le navigateur choisir, ou convertissez en PNG ou en JPG si vous ne contrôlez pas le balisage.

Les données de prise de vue et les mentions de droits ont disparu.

Le format n'a aucun emplacement normalisé pour les garder : tout ce que la source portait a été abandonné à l'entrée. Convertissez vers un format qui conserve les métadonnées si l'attribution compte, ou gardez l'original à côté de la copie convertie comme trace de la provenance.

Convertir ici un fichier SVG

1. Choisissez votre fichier, ou déposez-le sur la zone. Il est lu depuis votre appareil et ne va pas plus loin.
2. Réglez ce que la conversion propose — qualité, taille, fond — et lancez-la. Tout s'exécute sur votre propre machine : une grande image consomme donc votre mémoire et votre processeur plutôt qu'une file d'attente quelque part.
3. Téléchargez le résultat. Rien n'est conservé : quitter la page ou la réinitialiser libère aussi bien le fichier que la copie convertie.

SVG face aux alternatives

• PNG VS SVG

Questions fréquentes

Pourquoi ma photographie vectorisée rend-elle mal en SVG ?

Parce que la vectorisation est une approximation, pas une conversion. Elle réduit une photographie à quelques milliers de formes plates colorées, ce qui marche sur un logo et échoue sur un visage. Si la source est une photographie, aucun format vectoriel ne l'améliorera : le détail n'est pas fait de formes.

Est-il sans risque d'ouvrir un SVG qu'on m'a envoyé ?

Traitez-le comme un fichier HTML plutôt que comme une image, car c'est plus proche de ce qu'il est. Un SVG peut contenir des scripts et charger du contenu d'ailleurs. En ouvrir un directement dans un navigateur l'exécute ; ce site l'analyse et retire scripts, gestionnaires et références externes avant d'afficher quoi que ce soit.

Pourquoi mon SVG est-il plus lourd que le PNG qu'il remplaçait ?

Parce qu'il a été vectorisé depuis une image matricielle au lieu d'être dessiné, ce qui produit des milliers de formes distinctes. Un SVG de logo dessiné pèse en général quelques kilo-octets ; une photographie vectorisée peut peser des mégaoctets et rendre pourtant moins bien que ce dont elle provient.

La transparence est-elle conservée quand je convertis un fichier SVG ?

Seulement si le format vers lequel vous convertissez a un endroit où la mettre. Le PNG, le WebP, l'AVIF et le GIF en ont un, à des degrés divers ; le JPG et le BMP non, et une zone transparente devient une couleur pleine quand vous convertissez vers l'un d'eux. L'outil vous indique le fond employé.

Toutes les images survivent-elles à une conversion ?

Seulement quand le format cible anime lui aussi. Convertir vers un format fixe garde la première image et abandonne le reste, ce qui n'est généralement pas voulu et arrive facilement par mégarde. Le WebP animé est le format vers lequel convertir si le mouvement compte.

Comment ouvrir un fichier .SVG ?

Les logiciels cités plus haut les lisent directement. Si rien sur votre machine n'y parvient, convertir en PNG ou en JPG est la voie fiable : les deux s'ouvrent partout, et la conversion se déroule ici dans votre navigateur plutôt que sur un serveur.

Convertir un fichier SVG fait-il perdre de la qualité ?

Cela dépend de ce vers quoi vous convertissez, pas de ce dont vous partez. Convertir vers un format sans perte comme le PNG préserve chaque pixel ; convertir en JPG, WebP ou AVIF écarte du détail définitivement. Rien ne récupère la qualité que le fichier avait déjà perdue.

La conversion depuis SVG est-elle gratuite, et envoie-t-elle mon fichier ?

Gratuite, sans compte, et rien n'est envoyé. Chaque convertisseur de ce site lit votre fichier avec les interfaces du navigateur, le convertit avec du code exécuté sur votre appareil et rend le résultat en téléchargement. Vous pouvez le vérifier vous-même dans l'onglet Réseau des outils de développement.

Où la conversion a-t-elle lieu ?

Dans votre navigateur, sur votre propre appareil. Il n'y a ici aucun serveur de conversion vers lequel envoyer quoi que ce soit, et aucun service tiers n'intervient. C'est une affirmation sur ce que fait le site, pas une promesse sur sa façon de traiter les fichiers envoyés, puisqu'aucun envoi n'a lieu.