Quelle est cette technique de design ?

[dorian53]

Bonjour,

De plus en plus souvent je vois cette méthode qui est utilisée.

Cela consiste à avoir plusieurs images (la même ou des différentes) sur un seul calque sous des couleurs et formats différents.

Exemple :

Quelle est cette méthode ?
Quels sont les avantages ?
Comment fonctionne-t-elle (avec des coordonnées ?) ?
Comment l'exploiter par la suite (en CSS ?) pour n'afficher que la partie désirée ?

Merci.

 

[YoyoS]

T'as pas regardé le css quand tu l'as chopé ? T'as vu ça sur quelle page ?
Ca serait intéressant de voir juste par curiosité

 

[blman]

Je crois que cette méthode permet d'accélerer les temps d'affichage en minimisant le nombre de requête apache... Va voir du côté de "Sprites CSS", ils en parlaient dans cette vidéo : http://www.camilleroux.com/2008/07/08/optimiser-performances-site-web-video-hd/

Bien expliqué ici aussi : http://www.pompage.net/pompe/sprites/

 

[allignol]

Comme l'a dit blman, ce sont des CSS Sprites.
Pour réduire le nombre de requêtes HTTP, le maximum d'images background sont regroupées sur une seule image.
C'est en jouant avec la propriété background-position que l'ont fait s'afficher chaque partie de l'image au bon endroit.
Le gain en peformance du site peut être réellement important en utilisant cette technique.

 

[dorian53]

Sprites CSS oui voila c'est ça.

Merci.