Discussion :

[sam01]

Bonjour,

dans mon ancien site quand je créait des boutons, j'utilisais une image de 1 pixel de large et j'effectuais un repeat-x dans ma feuille de style.
Je faisais ça pour ne pas alourdir ma page HTML afin qu'elle s'affiche plus vite.

Je me demande maintenant (avec l'arrivée du Haut débit) si c'est toujours d'actualité.

Faut-il procéder toujours de cette façon, ou bien peut-on mettre un bouton "entier" sans jouer avec le CSS ?

Merci d'avance pour vos conseils.

[psykoz]

Bonjour,

Pour ma point de vue je suggère toujours d'optimiser votre site web en essayant le maximum de minimiser le chargement du site (javascript, images .....)

[Yorick]

Salut,

Il y a toujours un intérêt à utiliser des repeat quand on peut mais j'avoue que sur une image d'1px quelque chose m'échappe.

1px ne porte qu'une information de couleur. Pourquoi ne pas utiliser la propriété background-color ?

Sinon pour répondre plus directement à la question, même si les débit ont globalement augmenté ce n'est pas pour ça qu'il faut "gaspiller" du temps de chargement.
Donc oui il faut chercher à optimiser les poids et les requêtes.

Il existe un outil bien pratique pour optimiser les poids d'images. C'est smush.it de yahoo http://developer.yahoo.com/yslow/smushit/
L'application est intégré à Yslow qui est elle-même s'intègre à Firebug (pour firefox)

Smushit va récupérer toutes les images d'une page et tenter de les optimiser... plus de détails sur les liens cités.
https://addons.mozilla.org/en-US/firefox/addon/5369
https://addons.mozilla.org/en-US/firefox/addon/1843

[ThomasR]

Je rejoins le commentaire précédent pour l'inutilité d'un background-image.

Pour optimiser la bande-passante, une technique sympathique et de n'utiliser qu'un grand visuel et de positionner les background (css sprites).

http://css-tricks.com/css-sprites/

[12monkeys]

Ou en français http://cssglobe.developpez.com/tutor...gement-images/