Aller au contenu principal

PNG vs SVG

PNG et SVG sont tous deux largement employés et choisis pour des raisons différentes. Cette page les oppose sur les points qui tranchent entre eux, et renvoie aux convertisseurs dans les deux sens — chacun s'exécutant dans votre navigateur, sans que le fichier soit jamais envoyé.

La réponse courte

Ce ne sont pas deux façons de faire la même chose. Un PNG est une grille de pixels de taille fixe ; un SVG est une description de formes sans aucune taille. Pour un logo, une icône ou un schéma — tout ce qui est dessiné plutôt que photographié — le SVG est simplement la bonne réponse, car le même fichier est net à seize pixels et sur une affiche imprimée, et pèse généralement moins que n'importe quel PNG unique du même sujet.

Pour une photographie, le SVG n'est pas une option en un sens utile. Il n'y a pas de formes à décrire, et en vectoriser une produit un fichier énorme qui rend moins bien que son origine. Le SVG apporte aussi une considération de sécurité que le PNG n'a pas : c'est un document qui peut contenir des scripts, et un SVG de provenance inconnue mérite donc la prudence que vous réserveriez à un fichier HTML.

Si vous avez un logo en PNG et le voulez en SVG, la réponse honnête est généralement de retourner voir qui l'a dessiné. La vectorisation donne des formes qui approchent les pixels, pas les formes que la graphiste a réellement tracées, et la différence saute aux yeux dès que quelqu'un l'agrandit ou tente de le recolorier.

Côte à côte

PNG et SVG comparés sur les propriétés qui les séparent.
PropriétéPNGSVG
CompressionSans perteAucune, stocké tel quel
Couleur8 bits par canalDes formes, pas des pixels
TransparenceCanal alpha completCanal alpha complet
AnimationNonOui
Conserve l'EXIFOuiNon
Prise en charge des navigateursTous les navigateurs depuis 1997Chrome 4, Firefox 3, Safari 3.2
Poids d'une photographieDe 3 à 5 fois un JPGCe n'est pas un format pour les photographies
Publié19962001

Là où ils diffèrent réellement

  • Ils ne compressent pas de la même façon, et c'est la différence derrière presque toutes les autres : l'un garde chaque pixel exactement tel qu'il l'a reçu, l'autre écarte du détail pour être plus léger et ne peut pas le remettre.
  • Seul SVG contient plus d'une image. Convertir une animation vers l'autre garde la première image et abandonne le reste, en silence.
  • Ils stockent la couleur de façons fondamentalement différentes, d'où le fait que l'un gère bien les photographies et l'autre les aplats, et que forcer l'un sur le terrain de l'autre tourne mal.
  • SVG n'a aucune résolution : il décrit des formes plutôt que des pixels, il reste donc net à toute taille là où l'autre doit en choisir une et s'en contenter.
  • Seul PNG transporte les réglages de prise de vue, les dates et les mentions de droits. En partir les abandonne sans le dire.
  • La prise en charge par les navigateurs n'est pas égale. PNG est lu partout, et depuis des années ; l'autre est soit plus récent, soit, dans un cas, pas lu par les navigateurs du tout.
  • 5 années les séparent, et l'essentiel de ce qui les distingue est ce qui avait été appris entre-temps.

Ce qui se passe mal

  • Convertir une animation vers le format fixe garde la première image et abandonne le reste, sans prévenir. C'est ici l'erreur la plus facile à faire et la plus facile à manquer, car le résultat s'ouvre parfaitement.
  • Les réglages de prise de vue, les dates et les mentions de droits ne survivent pas au passage vers le format qui n'a nulle part où les mettre. Si l'attribution compte, vérifiez la sortie au lieu de la supposer, car la perte est silencieuse.

Lequel choisir

Choisissez PNG quand
Prenez le PNG pour les photographies, les captures et toute image captée plutôt que dessinée — et partout où un fichier doit être une image simple sans balisage dedans.
Choisissez SVG quand
Prenez le SVG pour les logos, icônes, schémas et graphiques, et surtout là où le même visuel doit paraître à des tailles très différentes.

Convertir de l'un à l'autre

Questions fréquentes

Puis-je convertir un PNG en véritable SVG ?
Seulement par vectorisation, qui est une approximation plutôt qu'une conversion. Cela marche sur un logo à quelques aplats et échoue sur une photographie. Si le visuel existe quelque part sous forme vectorielle — dans le fichier de conception dont il provient — l'exporter de là est le seul moyen d'obtenir un vrai SVG.
Lequel vaut mieux, PNG ou SVG ?
Aucun des deux en général — si l'un était simplement meilleur, l'autre aurait disparu. Ils sont bons à des choses différentes, et la réponse courte ci-dessus dit lequel à quoi. La question utile est de savoir ce que le fichier doit faire ensuite : être retouché, être publié, être ouvert par quelqu'un d'autre, ou tenir dans une limite de taille.
Convertir de l'un à l'autre fait-il perdre quelque chose ?
Cela dépend du sens. Convertir vers un format qui stocke tout ne perd rien mais ne récupère rien non plus ; convertir vers un format qui écarte du détail en perd un peu à chaque fois. Le tableau ci-dessus dit lequel de ces deux fait quoi.
Puis-je reconvertir ensuite ?
Le fichier se reconvertira, mais savoir s'il revient inchangé dépend du sens. Entre deux formats qui stockent tout, l'aller-retour est sans perte. Là où l'un des deux écarte du détail, ce détail a disparu et le retour ne peut pas l'inventer.
Puis-je utiliser les deux ?
Sur une page web, souvent oui, et c'est généralement la bonne réponse : servez le format moderne le plus léger et indiquez-en un plus ancien en repli, pour que chaque navigateur prenne ce qu'il comprend. Pour un fichier que vous remettez à une personne, choisissez-en un — celui qu'elle pourra ouvrir.
Lequel mon logiciel prend-il en charge ?
Le tableau côte à côte ci-dessus indique quels navigateurs lisent chacun, ce qui est la partie qui varie le plus. La prise en charge sur ordinateur est plus difficile à énoncer en général et accuse souvent des années de retard sur les navigateurs : si le fichier part vers quelqu'un d'autre, le plus ancien et le plus largement lu des deux est le choix le plus sûr.
Convertir de l'un à l'autre est-il gratuit ?
Oui, sans compte et sans limite sur le nombre de fichiers convertis. Chaque convertisseur lié depuis cette page s'exécute dans votre navigateur : le fichier est lu depuis votre appareil, converti par du code qui s'y exécute, et rendu en téléchargement.
Mon fichier est-il envoyé ?
Non. Il n'y a ici aucun serveur de conversion vers lequel l'envoyer, et aucun service tiers n'intervient. Vous pouvez le vérifier vous-même : ouvrez les outils de développement de votre navigateur, passez à l'onglet Réseau sans filtre, et lancez une conversion — aucune requête ne transporte votre fichier.

La publicité sur ce site

La publicité finance ce site. Les annonces peuvent stocker des cookies pour choisir ce qu'elles vous montrent et pour éviter de se répéter. Vos fichiers n'y sont pour rien : ils ne quittent jamais votre navigateur, quel que soit le bouton choisi, et chaque outil fonctionne dans les deux cas.

Ce que cela recouvre