Problème de format

WRInaute passionné
Bonjour,

Je sollicite votre aide pour un petit problème :(
Je vais créer pour mon nouveau site des dizaines d'images de taille 200x200 pour représenter des sujets.
Mon problème est simple: je cherche le meilleur rapport qualité/taille du fichier :D

Pour le moment, j'hésite entre le PNG et le JPG. J'ai lu que le JPG était plus répendu et mieux compatible avec les navigateurs et je désire savoir si des problèmes avec le PNG existent à ce niveau.

Pour le choix entre les deux formats, j'ai voulu faire un test et je ne vois pas de grande différence à taille presque équivalente.

Si l'on regarde cette image:
http://pc2004.free.fr/image.jpg
On remarque qu'elle fait 37Ko

Et l'autre:
http://pc2004.free.fr/image.png
Elle fait 36,9Ko

Alors, que me conseillez-vous ?
Avez-vous des avis, des opinions...

Je cherche en gros le meilleur format pour que mes images soit de bonne qualité et de taille petite pour qu'elle soit chargées rapidement pour mes internautes.

Merci :?
 
WRInaute discret
cedfr a dit:
Bonjour,

Si l'on regarde cette image:
http://pc2004.free.fr/image.jpg
On remarque qu'elle fait 37Ko

Et l'autre:
http://pc2004.free.fr/image.png
Elle fait 36,9Ko

Merci :?

Si tu regarde cette image;
http://pix.nulix.com/image.jpg
C'est la même que la tienne, mais correctement optimisée elle ne fait plus que 15ko, un peu plus de 50% d'économie sur ta bande passante et 50% plus rapide à charger ^_^

Je précise qu'elle n'a pas perdu en qualité visuelle, j'ai utilisé jpegoptim ( gratuit, software linux ) qui ne modifie pas le taux de compression mais enlève les headers inutiles et réorganise les data au mieux.
 
WRInaute occasionnel
le format ne correspond a rien si tu ne tiens pas compte de la compression effectif du dit format ...

perso pour un principe de "open source powa" je prefers et conseil png .. c libre ca gere la transparence ... c'est un peu le mieux pour moi entre gif et jpg ...

vala,
 
WRInaute discret
zehunter a dit:
le format ne correspond a rien si tu ne tiens pas compte de la compression effectif du dit format ...

perso pour un principe de "open source powa" je prefers et conseil png .. c libre ca gere la transparence ... c'est un peu le mieux pour moi entre gif et jpg ...

vala,

mais qu'en est-il de son affichage sous IE ?
 
WRInaute discret
olivieri a dit:
Les PNG fonctionnent très bien sous IE, pour t'en convaincre, le logo de ce site, en haut à gauche est en PNG.

Je faisais référence à la gestion de la transparence des PNG qui n'est pas super top il me semble sous IE :wink:

Sinon évidement, il faudrait savoir quel type d'image tu veux afficher : pour des photos, on oublies le gif qui est limité en nombre de couleurs, pour des logos et autres images avec séparation nettes des couleurs le jpg risque d'endommager ton image de façon visible à la compression.

Logo : gif ou png suivant le nombre de couleurs
Photo : jpeg assurement
 
WRInaute passionné
Salut mewp :D

Suite à ta remarque, j'ai décidé de tester à fond ton logiciel et il me semble très bien pour optimiser les jpg.
Quelques résultats:
370Ko == 270Ko
52Ko == 25Ko
...

Donc, il est vrai que je penchait plus sur le PNG, mais avec ce logiciel, il me semble que le JPG peut être très beau et petit :)
Je voudrais cependant être sur que le JPG est le format recommandé pour le type d'image que je désire réaliser (comme l'image jointe sur mon premier message).
Donc, si l'on prend cette même image, elle va plutôt dans la catégorie logo ou photo ?

:roll:
 
WRInaute discret
C'est un logo mais sans séparation nette des couleurs, donc un jpeg sans mettre un gros taux de compression ne devrait pas poser de problème.

Si tu ne peux pas voir la différence entre le jpg et le png sur ce type d'image, et que la taille des jpg est inférieur... :wink:

( j'ai utilisé l'option --strip-all pour jpegoptim pour ne pas changer le tx de compression )
 
WRInaute passionné
Et bien pour ton logiciel, j'ai simplement glisser l'image sur l'icône 8O
C'est pas comme ça qu'il faut faire ?
 
WRInaute discret
cedfr a dit:
Et bien pour ton logiciel, j'ai simplement glisser l'image sur l'icône 8O
C'est pas comme ça qu'il faut faire ?

J'utilise une version en ligne de commande, mais si ta version marche je suppose que cela fait la même chose ;-)
 
WRInaute passionné
Et si les images sont mises sur un fond de couleur ? :(
Car si je fais un apperçu de mes images, le fond est blanc.
Donc, si les images sont mises sur un fond bleu, alors le blanc sera bleu ou cela fera t-il un carré blanc ?
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut