PNG vs GIF

PNG pour les images fixes, GIF seulement quand quelque chose doit bouger.

Quand choisir PNG ?

PNG pour toute image fixe. Plus de couleurs, de meilleurs bords et des fichiers plus légers qu’un GIF du même contenu.

Quand choisir GIF ?

GIF uniquement quand il faut une animation et que la destination n’accepte pas de vidéo : un courriel, un README, un ticket.

Ce qu’on oublie presque toujours

Le GIF est limité à 256 couleurs. Une photographie enregistrée ainsi se couvre de bandes et de points, et ce dégât est irréversible.

Ce que fait réellement le passage de PNG à GIF

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as GIF.

GIF36 KB3.8× smaller

Une scène photographique : dégradés doux, bords tendres, un peu de grain. C’est le cas pour lequel GIF est fait, ou justement pas — et les chiffres montrent lequel des deux. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as GIF.

GIF8 KB8% larger

Un fond transparent et un dégradé sur la forme. GIF conserve les deux, un seul, ou remplit la transparence d’une couleur fixe — et c’est la différence sur laquelle presque tout le monde trébuche. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as GIF.

GIF6 KB2.4× larger

Des aplats et des bords francs, comme dans une interface, un schéma ou un logo. Cela se comporte tout autrement que la photo ci-dessus, et c’est bien pourquoi la réponse est : cela dépend de ce qu’il y a dans le fichier. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.

Côte à côte

PNG et GIF comparés ligne par ligne : ce que chaque format conserve, et ce qu’il coûte.
PNGGIF
Full namePortable Network GraphicsGraphics Interchange Format
Extension.png.gif
Type de médiaimage/pngimage/gif
CompressionSans perte — rien n’est écartéSans perte — rien n’est écarté
Cette page sait l’écrireOuiOui

C’est décidé ? Convertissez ici

D’où viennent ces chiffres

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