Image apparaît sombre dans le web

bonjour à tous mon problème c'est lorsque j'ai enregistré un image à partir de photo shop il apparaît sombre dans ma page web
image sombre
http://www.monsterup.com/upload/1251299873548.png
image au photoshop
http://www.monsterup.com/upload/1251299873424.png
N.B:l'image avec extention png la même résulata avec jpg
Modifié par hicham (26 Aug 2009 - 17:22)

Salut,

Ton image est, naturellement, compressée lors de l'enregistrment par photoshop augmente la qualité lors de l'enregistrement et ça devrait régler ton problème .

L'image enregistrée pour le Web n'est pas plus sombre (ou alors c'est léger...), elle est simplement floue. Lors d'un enregistrement JPEG, attention à garder le flou à zéro (sauf s'il s'agit d'une photo ne demandant pas de détails très nets, là ça peut passer). Pour éviter la création d'artefacts dus à la compression JPEG, il faut aussi rester au-dessus de 50 pour la qualité. À 50 et en-dessous, tu peux avoir des dégradations très visibles (ou acceptables pour certaines images). De 51 à 100, les modifications de l'image sont plus limitées. Le saut de qualité entre 50 et 51 peut être très sensible, mais ça se ressent souvent au niveau du poids.

Enfin, ne pas oublier que dans beaucoup de cas un PNG-8 en 64, 128 ou 256 couleurs peut avoir un meilleur rendu. Vu ton image, le PNG-8 en 64 ou 128 couleurs me semble un bon candidat, à comparer avec la taille estimée d'un JPEG pas trop dégradé.

Edit: ressource qui va bien:
http://www.css-ig.net/format-image-web-choix
Bonne lecture.
Modifié par Florent V. (26 Aug 2009 - 18:25)

merci pour vos conseils
mais pourquoi l'image va apparaître claire si je l'ai utilisé comme background par contre si j'ai utilisé comme image il apparaît sombre
N.B:la qualité d'image enregistrer 100%
Modifié par hicham (26 Aug 2009 - 20:08)

hicham a écrit :
mais pourquoi l'image va apparaître claire si je l'ai utilisé comme background par contre si j'ai utilisé comme image il apparaît sombre

Encore une fois, ne pas confondre «sombre» et «flou». D'après ta capture d'écran l'image n'est pas sombre, elle est floue.

Et si ce n'est pas un problème de compression de l'image, et que l'image n'apparait ainsi que lorsque tu l'intègres dans le code HTML, alors c'est sans doute parce que tu demandes au navigateur d'afficher l'image avec des dimensions différentes des dimensions réelles de l'image. Par exemple, si tu as une image de 300px de large et 200px de haut et que tu l'intègres à ta page avec le code suivant:

<img src="..." alt="..." width="290" />

alors le navigateur va redimensionner l'image pour la faire tenir dans les dimensions données, d'où des effets de flou, de pixelisation, etc.

Si ce n'est pas dans le code HTML que tu donnes l'instruction de redimensionnement de l'image, ça peut être dans le code CSS.