Gif ou Jpeg ou png?

Publié le par Pixelix

Les photos:
Le format GIF possède une palette de couleurs d'un maximum de 256 couleurs.
Cela signifie que vous pouvez d'une part réduire la taille
d'un fichier GIF en réduisant le nombre de couleurs,
et d'autre part, 256 couleurs sont généralement insuffisantes pour une bonne photo.

Le format JPEG, lui, sauvegarde davantage d'informations
couleur et garantit de ce fait un nombre élevé de couleurs.
La compression flexible rend possible une réduction de la taille du fichier JPEG sans avoir trop d'impact sur la qualité de l'image.

exemple:

jpeg et gif

Conclusion:
On constate que le gif n'est pas compatible avec les photos puisqu'il laisse de légers traits dans les dégradés méme en 256 couleurs et la taille est deux fois plus grande que celle du jpeg.


Réduire la taille du photo :
Dans certains cas, l'utilisation du format GIF peut être judicieuse, même pour des photos.
Un exemple:
jpeg
gif
conclusion:
Vous vous dites certainement qu'elles se ressemblent... Oui certes mais elles n'ont pas le méme poids: pour le jpeg (30.6 ko) mais le gif (8.46 ko), ce qui donne un avantage au gif dans la création des avatars ou pour le web en général.
 Les logos :
Pour les logos, il faut un format qui accepte la transparence . Ce sera gif ou png ?
Pour répondre à cette question on va les comparaître:
Exemple, mon logo :
 en png :
en gif:

Conclusion:
-on voit que le gif ne gère pas bien la transparence, plus exactement le dégradé: le dégradé gris se transforme en de petits pixels carrés d'une couleur noire.
-Mais le png nous donne un bon résultat.
Publicité

Publié dans photoshop

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
F
La transparence des PNG-24 pose problème à IE. Mais il est possible des les afficher correctement grâce du Javascript ou du CSS : Transparence PNG et Internet Explorer
Répondre
P
le fond en .png est bien transparant c'est juste Intenet explorer qui ne respect pas cette extention si tu as firefox tu peux voir que le font et transparent<br /> <br /> GET firefox
Répondre
J
Ré-édition!: Très bien comme informations! Seulement une remarque... pour le logo. On voit bien que le fond du .gif est transparent, car la couleur du fond est blanc (comme la page). Par contre, la couleur du fond de ton .png est grise (c'est pas transparent ça?). Donc, si tu ajoute un fond ***gris*** à ton .gif, tu obtiendrais surement les même rendus. J'aimerais être éclaircis parce que c'est très intéressant. Merci, beau travail.
Répondre
J
Très bien comme informations! Seulement une remarque... pour le logo. On voit bien que le fond du .gif est transparent, car la couleur du fond est blanc (comme la page). Par contre, la couleur du fond de ton .png est grise (c'est pas transparent ça?). Donc, si tu ajoute un fond transparent à ton .gif, tu obtiendrais surement les même rendus. J'aimerais être éclaircis parce que c'est très intéressant. Merci, beau travail.
Répondre