Unique image en background

Bonjour à la communauté,

Souhaitant utiliser une image unique pour le fond haut de ma page web, je voulais savoir quelles dimensions il faut utiliser pour cette image afin que ma page soit accessible au plus grand nombre?

Bonjour,

La réponse simple : Il n'y a pas de dimension d'image qui rende une page accessible au plus grand nombre.

Réponse moins simple : Une image de fond n'est pas (sauf cas d'image porteuse de contenu mise en fond) une cause de non accessibilité, la dimension d'une image de fond n'influera donc pas sur le taux d'accessibilité d'une page web.

Je suppose que ta question était plutôt : quel dimension l'image doit avoir pour que le site rendent bien sous toute les résolutions d'écran.

Dans ce cas le problème est différent puisqu'il ne s'agit pas d'accessibilité mais de contrainte technique. Et là il n'y a pas de réponse simple, parce qu'elle dépends :
* de l'image
* du design global de la page
* de si tu souhaite avoir un site fluide ou à largeur fixe
* ...

Bonjour,
Si tu regardes ce site, il est loin d'étre aux normes, mais il donnes en complément de la réponse de Laurie-Anne une solution a ce probléme de fond.
http://www.lgms-fr.com/fr_lgms_floratech.php

Salut,

Utiliser une image en fond n'est pas idéal la plupart du temps pour plusieurs raisons :

- tu vas utiliser une image qui va obligatoirement être très grande pour pallier aux grandes résolutions (que verront les utilisateurs qui sont à plus de 1900 pixels de large). Celle ci va peser automatiquement plus lourd, ce qui pourra gêner les connexions les plus faibles, et faire fuir les visiteurs dans ce cas.

- le site va automatiquement se déstructurer lors d'un agrandissement ou une réduction de taille de texte, car celui ci ne se trouvera plus en face des éléments qui lui servent de fond, ce qui peut rendre une information inaccessible visuellement (ex. texte blanc normalement sur un fond gris, qui se décale sur le fond blanc du site lors d'un agrandissement)

Le mieux reste toujours de couper son design intelligemment et faire appel à lui via la structure de la page de manière à utiliser le moins de surface d'image. Et bien sur d'optimiser les images en terme de taille et de poids, tout en pensant qu'en cas d'agrandissement d'un texte, le conteneur doit pouvoir s'adapter à son contenu, en conserver son fond pour rester aussi lisible (c'est la que peuvent intervenir les repeat-x et repeat-y qu'il est impossible de gérer avec une seule image de fond).

Christele a écrit :
Si tu regardes ce site

Je ne vois vraiment rien d'exemplaire ou d'éclairant sur ce site. Il y a une image de largeur fixe (un peu plus de 1000px) positionnée en absolu pour en faire un fond. On aurait pu (non, on aurait dû) placer cette image de fond en background CSS sur l'élément BODY.

Florent V. a écrit :

Il y a une image de largeur fixe (un peu plus de 1000px) positionnée en absolu pour en faire un fond.

Oui je reconnais j'avais prévenu, c'était pour mettre en évidence le fait qu'il est même comme cela, possible de s'en sortir...
Il est vrais qu'avec nos régles ici, c'est une horreur ...

Merci beaucoup pour ces nombreuses réponses.

a écrit :
quel dimension l'image doit avoir pour que le site rendent bien sous toute les résolutions d'écran.

En effet Laurie-Anne, y'avait de ça

Sinon, je préfère utiliser un design à largeur fixe.

Merci pour la précision Mikachu car je compte intégrer la possibilité pour le visiteur de modifier la police.

Je me demande si il ne serait pas mieux d'utiliser de petites images en utilisant l'attribut "background-position" ou alors de faire comme sur ce site. J'ai trouvé ça astucieux

Si vous avez des exemple de design découpé "intelligemment" je demande a voir
Modifié par K3p' (24 Oct 2009 - 13:05)