Hello,  

Sur un site qui utilise une image comme background, quel est le format de l'image minimal a prévoir ? On peut mettre une image de 1920 px mais si l'utilisateur a un écran de 2200 px ( j'invente ) l'image sera donc trop petite, et la faire répéter ne serai pas très beau donc inutile. 

Pour le poids, on peut l'optimiser dans Photoshop mais j'aimerai savoir si il y'a une ' limite ' a ne pas dépasser pour ne pas mettre 1 plombe au chargement de la page de notre site, surtout si j'en met plusieurs ( effet parallaxe ) 

Si quelqu'un peut me conseiller 

Merci ^^ 

Salut,

Je suis loin d'être une référence, mais à priori, il faudrait que ton image se fonde dans ton background. Comme ça, si l'utilisateur à un écran plus grand, il ne verra pas de limite autour de ton image. En gros, si tu as un fond noir, il faudrait que le tour de ton image passe progressivement dans le noir pour pas que ça ne se remarque.

Sinon, une alternative est d'utiliser des motifs répétitifs comme image de fond, comme ça tu as une image légère qui se répète.

Pour le poids max, j'en ai aucune idée, mais je pense que du 1920px c'est déjà trop (quoi que ça dépende de la qualité).

Je dirais plutôt que la limite a envisager est le poids total de tout les element de ta page à charger (fichiers: HTML,CSS,JavaScript ,images, video, son , etc ...) en fonction d'une bande passante moyenne et du temps maximum que tu estimes acceptable.

Salut,

Je trouve la question très intéressante, en faisant des recherches je suis tombé sur ce site, le poids à ne pas dépasser serait donc de 150 ko.

http://www.weezbe.com/blog/aujourdhui-romuald-a-cree-un-superbe-image-de-fond-pour-preparer-les-soldes-elle-fait-10mo/

Mais je pense comme gcyrillus, ce qu'il faut voir c'est le poids total de tous les éléments sur la page.

Je suppose que une image de 400-500 Ko est beaucoup trop ? surtout que bon il pourrai en avoir 10 sur la page en diapo... 

Ou je pensais a une 2 eme solution qui est de faire un genre de mosaïque avec de petite image et d'adapter au format de l’écran, comme par exemple sur un écran de 1920*1080  on aurai plein de photo de la taille d'une carte de banque pour remplir tout l’écran et sur tablette en mettre 4 mais plus grande et sur smartphone en mettre 1 dont le poids sera quasi inexistant  Bref, faut encore que je réfléchisse a d'autre solution qui pourrai être mieux optimiser. 

l'idéal si c'est t'est motivé c'est de faire plusieurs css...

quand la taille de l'écran dépasse une certaine taille tu passe sur un autre css avec une image plus grosse

Bonjour,

merci pour cette idée, mais il est inutile de remonter un vieux sujet de 2013 pour ça

Je ferme ici pour empêcher que ça se reproduise.