Discussion :

[the-destroyer]

Bonjour à tous!

Voila j'aimerais savoir 2 choses:
-Peut-on mettre une image compresse sur son site internet en tant que background-image?
Le navigateur va-t-il l'afficher comme si elle n'était pas compressé? Cela permettrai de mettre une image plus lourde sur le site...

-Peut-on récupérer l'état de chargement d'une image en background?
On peu en javascript récupérer lorsqu'une image est en <img />, si elle est charge ou non avec la fonction onload() mais peut-on faire le même chose avec une image en background-image? Cela permettrait de savoir si toutes les images sont chargé...

Merci beaucoup de toutes vos futur quastion et à bientot!

[Macmillenium]

-Peut-on mettre une image compresse sur son site internet en tant que background-image?
Le navigateur va-t-il l'afficher comme si elle n'était pas compressé? Cela permettrai de mettre une image plus lourde sur le site...

-Peut-on récupérer l'état de chargement d'une image en background?
On peu en javascript récupérer lorsqu'une image est en <img />, si elle est charge ou non avec la fonction onload() mais peut-on faire le même chose avec une image en background-image? Cela permettrait de savoir si toutes les images sont chargé...

Hein ?

Le navigateur ne fait que décompresser, la compression se fait plutôt coté serveur (gzip d'Apache par exemple).
Image en background ou dans le HTML, le traitement sera le même.

[thelvin]

"Compresser une image", ça veut dire passer de .bmp ou de .raw à .jpeg ou .png.

Les images sont déjà compressées, un coup de zip n'y changera rien. Au contraire, ça la fera grossir un peu. Hé oui.

À titre d'information pourtant, bien que ça ne serve à rien avec les images ou les vidéos qui ont déjà leur mécanisme de compression, il est bel et bien possible d'envoyer les fichiers sous forme compressée, par exemple pour les .html, les .js, les .css, et autres ressources qui se compressent bien.
C'est avec le header HTTP Content-Encoding: gzip

Google en use sans relâche et ça marche ma foi fort bien. Si tu utilises un espion réseau, tu verras qui les pages que Google envoie sont gzippées. C'est le navigateur qui voit le Content-Encoding: gzip, et qui dézippe.

[Ethyde]

À titre d'information pourtant, bien que ça ne serve à rien avec les images ou les vidéos qui ont déjà leur mécanisme de compression, il est bel et bien possible d'envoyer les fichiers sous forme compressée, par exemple pour les .html, les .js, les .css, et autres ressources qui se compressent bien.
C'est avec le header HTTP Content-Encoding: gzip

Google en use sans relâche et ça marche ma foi fort bien. Si tu utilises un espion réseau, tu verras qui les pages que Google envoie sont gzippées. C'est le navigateur qui voit le Content-Encoding: gzip, et qui dézippe.

Y a pas que google, ça fait partie des "Best Practice" : http://developer.yahoo.com/performance/rules.html#gzip

Coïncidence un article sur le sujet de la compression d'image pour leur usage sur le web est paru aujourd'hui http://www.webdesignerdepot.com/2010...e-myth-of-dpi/

Bonne lecture