36 votes

Quel format pour les petites images de sites Web? GIF ou PNG?

Lorsque vous faites de petites icônes, des en-têtes graphiques, etc. pour des sites Web, est-il préférable d'utiliser des GIF ou des PNG?

Évidemment, si des effets de transparence sont nécessaires, les fichiers PNG sont définitivement la solution. Pour les images plus grandes et plus photographiques, j’utiliserais les JPEG - mais pour les "meubles" Web classiques, lequel recommanderiez-vous et pourquoi? Il s’agit peut-être des outils que j’utilise, mais les fichiers GIF semblent généralement être un peu plus petits qu’un fichier PNG comparable, mais leur utilisation semble tout simplement 1987.

58voto

Konrad Rudolph Points 231505

En règle générale, le format PNG n'est jamais pour le pire, et souvent mieux que les GIF en raison de la compression supérieure. Il pourrait y avoir certains cas où le format GIF est un peu mieux (parce que le format PNG peut avoir un peu plus grands généraux de métadonnées) mais c'est vraiment pas la peine de l'inquiéter.

C'est peut être juste les outils que j'utilise, mais les fichiers GIF habituellement semblent être un peu plus petit qu'un comparible PNG

Qui peut en effet être dû à l'encodage de l'outil que vous utilisez.

/EDIT: Wow, il semble y avoir beaucoup d'idées fausses à propos de fichier PNG de taille. Pour citer Matt:

Il n'y a rien de mal avec Gif pour les images avec peu de couleurs, et comme vous l'avez remarqué qu'ils ont tendance à être plus petits.

Il s'agit d'une erreur de codage et elle n'est pas inhérente au format. Vous pouvez contrôler la profondeur de couleur et de rendre le fichier PNG que les petites. Veuillez vous référer à la section correspondante dans l'article de Wikipedia.

Aussi, un manque de soutien dans MSIE6 est soufflé hors de proportion par Chrono:

Si vous avez besoin de transparence et peuvent s'en sortir avec des GIFs, alors je vous recommande parce que IE6 les prend en charge. IE6 ne fait pas de bien avec la transparence des Png.

C'est faux. MSIE6 ne soutien de transparence PNG. Il ne prend pas en charge le canal alpha (sans quelques hacks), mais c'est une autre affaire depuis GIFs ne l'ont pas du tout.

La seule raison technique à utiliser des Gif au lieu de Png est lors de l'utilisation de l'animation et ne veux pas compter sur les autres formats.

12voto

Leo Moore Points 1454

Le W3C mentionner les 3 avantages de PNG sur GIF.

• Les canaux Alpha (variable la transparence),

• Croix-plate-forme de correction gamma (contrôle de la luminosité de l'image) et correction de la couleur

• Deux dimensions de l'entrelacement (un la méthode de l'affichage progressif).

Aussi, jetez un oeil à ces ressources pour l'orientation:

7voto

JarrettV Points 9099

Wow, je suis vraiment surpris par toutes les mauvaises réponses. PNG-8 sera toujours plus petit que le format GIF lorsqu'il est correctement optimisé. Il suffit d'exécuter votre PNG-8 fichiers par le biais de PngCrush ou l'un des autres PNG routines d'optimisation.

La clé de choses à comprendre:

  • PNG8 et GIF sont lossless <= 256 couleurs
  • PNG8 peut toujours être plus petit que le format GIF
  • GIF ne doit jamais être utilisé, sauf si vous avez besoin d'animation

et bien sûr,

  • Utilisez JPG pour le noir&blanc ou couleur pleine d'images photographiques
  • Utilisez le format PNG pour les faibles de couleur, de l'art en ligne, type de capture d'écran des images

5voto

devinmoore Points 2172

La principale raison d'utiliser le format PNG sur GIF à partir d'un point de vue juridique, est abordé ici:

http://www.cloanto.com/users/mcb/19950127giflzw.html

Les brevets ont apparemment expiré en 2004, mais l'idée que vous pouvez utiliser le format PNG que l'open source au cours de GIF est attrayant pour beaucoup de gens.

(png open source de référence: http://www.linuxtoday.com/news_story.php3?ltsn=1999-09-09-021-04-PS)

3voto

Mark Ransom Points 132545

Faites attention aux changements de couleur lorsque vous utilisez le format PNG. Ce lien donne un exemple et contient beaucoup plus de liens avec des explications supplémentaires:

http://www.hanselman.com/blog/GammaCorrectionAndColorCorrectionPNGIsStillTooHard.aspx

Les images GIF ne sont pas soumises à ce problème.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X