PNG vs SVG

SVG pour tout ce qui est dessiné, PNG pour tout ce qui est photographié ou déjà figé.

Quand choisir PNG ?

PNG quand l’image est une photo ou une capture, ou quand la destination n’accepte pas le SVG.

Quand choisir SVG ?

SVG pour les logos, les icônes et les schémas. Net à toutes les tailles, et généralement plus léger que la même image en pixels.

Ce qu’on oublie presque toujours

On ne convertit pas une photo en SVG pour obtenir un dessin vectoriel. Ce qui sort est une mosaïque de milliers de formes : plus lourde que l’original et moins belle.

Passer de PNG à SVG

Ce qui est conservé

Rien n’est écarté. PNG et SVG enregistrent leur contenu sans perte : la conversion change l’emballage, pas la qualité, et elle peut être répétée sans que les dégâts s’accumulent.

La transparence est conservée. PNG et SVG enregistrent tous deux une couche alpha : un détourage reste détouré et rien n’est rempli derrière.

Ce que le format cible apporte

SVG est un format de travail, PNG un format fini. Ce qui revient est du texte modifiable plutôt qu’une image de la page — c’est en général la raison de la conversion, et aussi sa limite.

SVG peut contenir une animation ; un fichier PNG est une image unique. Il en sort un fichier d’une seule image dans un format qui en accepterait davantage.

SVG accepte les calques. Un fichier PNG arrive déjà aplati : le résultat a un seul calque, et la structure serait à refaire à la main.

Ouvrir le résultat

Les logiciels habituels ne se recoupent pas : PNG s’ouvre dans Adobe Photoshop, GIMP et Paint.NET, SVG dans Inkscape, Adobe Illustrator et Figma — celui qui reçoit le résultat a donc besoin d’un logiciel de la seconde liste.

Taille et qualité

SVG enregistre les échantillons bruts : le fichier grossit nettement sans rien gagner. Le sens n’a d’intérêt que si un logiciel en face refuse PNG, ce qui en est justement la raison habituelle.

À quoi sert chaque format

PNG est le format de PNG Development Group, publié en 1996. L’enregistrement se fait sur 16 bits par canal.

SVG vient de W3C et date de 2001, décrit par SVG 1.1. Inkscape, Adobe Illustrator et Figma le lisent.

Passer de SVG à PNG

Ce qui est perdu

SVG décrit des formes, PNG enregistre des pixels. Le résultat est net à la taille où il a été produit, pas au-delà : l’agrandir ensuite ne peut qu’inventer les pixels intermédiaires, et la taille d’export compte donc ici plus qu’ailleurs.

PNG contient une seule image fixe. D’un fichier SVG animé il reste la première image, le reste disparaît : la conversion sert à extraire une image, pas à emporter le mouvement.

Les calques sont fusionnés. SVG les garde séparés et modifiables ; PNG enregistre le résultat, donc tout ce qui suppose de déplacer un calque doit se faire avant.

Ce qui est conservé

Rien n’est écarté. SVG et PNG enregistrent leur contenu sans perte : la conversion change l’emballage, pas la qualité, et elle peut être répétée sans que les dégâts s’accumulent.

La transparence est conservée. SVG et PNG enregistrent tous deux une couche alpha : un détourage reste détouré et rien n’est rempli derrière.

Ouvrir le résultat

Les logiciels habituels ne se recoupent pas : SVG s’ouvre dans Inkscape, Adobe Illustrator et Figma, PNG dans Adobe Photoshop, GIMP et Paint.NET — celui qui reçoit le résultat a donc besoin d’un logiciel de la seconde liste.

Taille et qualité

PNG range les mêmes échantillons dans environ la moitié de la place. Rien n’est écarté — en le décompressant vous retrouvez le SVG bit pour bit — et c’est ce qui en fait le meilleur rangement pour ce que vous comptez garder.

À quoi sert chaque format

SVG est le format de W3C, publié en 2001. La spécification est SVG 1.1, et elle mérite d’être connue si le fichier doit survivre à l’outil qui l’a écrit.

PNG vient de PNG Development Group et date de 1996, décrit par ISO/IEC 15948. Adobe Photoshop, GIMP et Paint.NET le lisent.

Côte à côte

PNG et SVG comparés ligne par ligne : ce que chaque format conserve, et ce qu’il coûte.
PNGSVG
Full namePortable Network GraphicsScalable Vector Graphics
Extension.png.svg
Type de médiaimage/pngimage/svg+xml
CompressionSans perte — rien n’est écartéNon compressé
Cette page sait l’écrireOuiOui

C’est décidé ? Convertissez ici

D’où viennent ces chiffres

Ce que cette page affirme sur PNG and SVG se vérifie : voici les documents qui le fixent.