PNG vs GIF vs JPEG - Quand est-il préférable d'utiliser?

Question

Quand faut-il utiliser certains types de fichiers d'image? Par exemple sur des sites Web, des interfaces, etc.?

Quelles sont leurs forces et leurs faiblesses?

Je sais que PNG et GIF sont sans perte tandis que JPEG est lossy. Mais quelle est la principale différence entre PNG et GIF? Pourquoi devrais-je utiliser l'un et pas l'autre?

Si vous ne vous souciez pas de chaque pixel, devriez-vous toujours utiliser JPEG, car c'est le plus "léger"?

Answer 1

Vous devez être conscient de quelques facteurs clés...

Tout d'abord, il existe deux types de compression: sans perte et avec Perte.

Lossless signifie que l'image est de plus en plus petits, mais pas au détriment de la qualité. Avec perte signifie que l'image est faite (même) plus petit, mais au détriment de la qualité. Si vous avez enregistré une image dans un format avec Perte, la qualité de l'image serait progressivement de pire en pire.

Il y a aussi des couleurs différentes profondeurs (palettes): couleurs Indexées et Direct la couleur.

Avec Indexé cela signifie que l'image ne peut stocker qu'un nombre limité de couleurs (256), qui sont choisis par l'image de l'auteur, avec Direct , cela signifie que vous pouvez stocker plusieurs milliers de couleurs qui n'ont pas été choisies par l'auteur.

---

BMP - Lossless / Indexés et Direct

C'est un vieux format. Il est sans perte (pas de données d'image est perdu sur enregistrer) mais il y a également peu ou pas de compression, ce qui signifie sauver au format BMP résultats dans des fichiers TRÈS volumineux. Il peut avoir des palettes à la fois Indexé et Direct, mais c'est une petite consolation. Les tailles des fichiers sont donc inutilement grande que personne n'a jamais vraiment utilise ce format.

Bon pour: Rien de vraiment. Il n'y a pas de quoi BMP excelle, ou n'est pas fait mieux par d'autres formats.

---

GIF - Lossless / Indexés uniquement

GIF utilise une compression sans perte, ce qui signifie que vous pouvez enregistrer l'image sur et sur et ne jamais perdre les données. Les tailles de fichier sont beaucoup plus petits que les fichiers BMP, parce que les bons de compression est utilisé, mais il ne peut stocker qu'une palette Indexée. Cela signifie qu'il ne peut y avoir un maximum de 256 couleurs différentes dans le fichier. Qui sonne comme une assez petite quantité, et il est.

GIF images peuvent également être animés et de la transparence.

Bon pour: les Logos, les dessins, et d'autres de simples images qui doivent être petits. N'est vraiment utilisé pour les sites web.

---

JPEG sans Perte / Direct

Jpeg les images ont été conçus pour rendre détaillée photographique des images aussi petites que possible, en supprimant les informations que l'œil humain ne sera pas un avis. Comme un résultat, c'est un format avec Perte, et en enregistrant le même fichier sur et sur entraînera davantage de données perdues au fil du temps. Il a une palette de milliers de couleurs et est donc idéal pour les photos, mais la compression avec perte signifie qu'il est mauvais pour les logos et dessins en ligne: Non seulement ils sembler floue, mais de telles images peuvent aussi avoir une plus grande taille de fichier par rapport à Gif!

Bon pour: les Photographies. Aussi, les dégradés.

---

PNG-8 - Lossless / Indexés

Le PNG est un nouveau format, et PNG-8 (la version indexée de PNG) est vraiment un bon remplacement pour des Gif. Malheureusement, cependant, il a quelques inconvénients: tout d'Abord, il ne peut pas soutenir l'animation comme GIF peut (bien qu'il le peut, mais seulement Firefox semble à l'appui, à la différence de GIF animation, qui est pris en charge par tous les navigateurs). Deuxièmement, il a quelques problèmes de support avec les anciens navigateurs comme IE6. Troisièmement, important des logiciels comme Photoshop ont très mauvaise mise en œuvre du format. (Damn vous, Adobe!) PNG-8 ne peut stocker que de 256 couleurs, comme des GIFs.

Bon pour: La principale chose que le format PNG-8 fait mieux que le Gif est d'avoir du soutien pour la Transparence Alpha.

Remarque importante: Photoshop ne prend pas en charge la Transparence Alpha pour la PNG-8 fichiers. (Damn vous, Photoshop!) Il existe des moyens pour convertir Photoshop PNG-24-PNG-8 fichiers tout en conservant leur transparence, mais. Une méthode est PNGQuant, une autre est d'enregistrer vos fichiers avec des feux d'Artifice.

---

Le format PNG-24 - Lossless / Direct

Le format PNG-24 est un grand format qui combine l'encodage sans perte Directe de la couleur (en milliers de couleurs, tout comme le JPEG). C'est très bien comme BMP à cet égard, sauf que le format PNG en fait compresse les images, il les résultats dans les fichiers de plus petite taille. Malheureusement, le format PNG-24 fichiers seront toujours beaucoup plus grand que Jpeg, Gif et PNG-8, si vous avez encore besoin de prendre en compte si vous voulez vraiment utiliser un.

Même si le format PNG-24 permettre à des milliers de couleurs tout en ayant la compression, ils ne sont pas destinés à remplacer les images JPEG. Une photo enregistrée au format PNG-24 sera probablement au moins 5 fois supérieure à un équivalent de l'image JPEG, très peu d'amélioration de la qualité visible. (Bien sûr, cela peut être un résultat souhaitable si vous n'êtes pas préoccupé par la taille du fichier, et que vous voulez obtenir la meilleure qualité d'image que vous pouvez.)

Juste comme le PNG-8, PNG-24 prend en charge l'alpha de transparence, de trop.

J'espère que ça aide!

Answer 2

JPEG n'est pas le plus léger pour tous les types d'images(ou même plus). Les angles et les lignes droites et la plaine "remplit"(blocs de couleur unie) apparaissent flous ou ont des artefacts en fonction du niveau de compression. C'est un format avec perte, et qui fonctionne le mieux pour les photos au cas où vous ne pouvez pas voir les artefacts clairement. Les lignes droites(comme dans les dessins et bandes dessinées) compresse très bien en PNG et c'est sans perte. GIF ne doit être utilisé lorsque vous voulez la transparence de travailler dans IE6 ou vous voulez de l'animation. GIF prend uniquement en charge une palette de 256 couleurs, mais est également lossless.

Donc, fondamentalement, c'est un moyen de décider du format de l'image

• GIF si les besoins de l'animation ou de la transparence qui fonctionne sous IE6(remarque, la transparence PNG fonctionne après IE6)
• Le format JPEG si l'image est une photographie.
• PNG si les lignes droites comme dans une bande dessinée ou de dessin ou si une large gamme de couleurs est nécessaire avec de la transparence(et IE6 n'est pas un facteur)

Et comme indiqué, si vous n'êtes pas certain de ce qui allait se qualifier, essayez chaque format avec différents taux de compression et la pesée de la qualité et de la taille de l'image et de choisir celui qui vous convient le mieux. Je suis seulement de donner les règles de base à respecter.

Answer 3

J'ai l'habitude d'aller avec PNG, comme il semble avoir quelques avantages sur GIF. Il y avait un brevet sur le GIF, mais ceux-ci ont expiré.

Les GIFs sont adaptés pour l'art en ligne tranchants (comme les logos) avec un nombre limité de couleurs. Cela prend avantage du format de compression sans perte, ce qui favorise des aplats de couleur uniforme avec des bords bien définis (contrairement au format JPEG, ce qui favorise des dégradés lisses et plus douces images).

GIFs peut être utilisé pour de petites animations et de la faible résolution des extraits de films.

En vue de la limitation générale de l'image GIF palette de 256 couleurs, il n'est généralement pas utilisé comme un format pour la photographie numérique. Les photographes numériques utilisent des formats de fichier d'image capable de reproduire une grande palette de couleurs, tels que TIFF, RAW ou JPEG avec perte, ce qui est plus approprié pour la compression des photos.

Le format PNG est une alternative populaire à GIF car il utilise les meilleures techniques de compression et de ne pas avoir une limite de 256 couleurs, mais le format Png ne supporte pas les animations. La MNG et APNG formats, tous deux issus de la PNG, support des animations, mais ne sont pas largement utilisés.

Answer 4

JPEG aura mauvaise qualité autour des arêtes etc. et pour cette raison, qu'il ne convient pas pour la plupart des éléments graphiques web. Il excelle dans les photographies.

Par rapport au format GIF, le PNG offre meilleure compression, palette plus grande et plus de fonctionnalités, y compris la transparence. Et c’est sans perte.

Answer 5

GIF est limité à 256 couleurs et ne pas prise en charge réelle transparence. Vous devez utiliser des PNG plutôt que GIF car il offre une meilleure compression et les fonctionnalités. PNG est idéal pour les petites et simples images comme logos, icônes, etc.

JPEG a meilleure compression avec des images complexes comme des photos.