Utiliser les CSS Sprites
Déjà c’est quoi le Css Sprite ? Une nouvelle boisson gazeuse ?
En fait il s’agit d’un technique tout simple en css qui permet d’optimiser le temps de chargement de vos pages en optimisant celui des images. Le but va être de créer une seule image faite de plus petites images. A chaque appel de l’image, on va jouer sur son positionnement (à l’aide du Css donc) pour afficher l’image interne désirée.
Un exemple concret avec cette image :
Celle-ci vous rappelle vaguement quelquechose n’est-ce pas ? 
Vous remarquez donc que toutes les images utilisées sur le célèbre moteur de recherche sont regroupées dans une seule et unique image.
En attendant l’ouverture du Kerlab (pour bientôt, je finalise la mise en page de tout le bordel), voici une vidéo très simple vous permettant de comprendre cette technique :
8 juin 2009 à 23:40
A part Fireworks, quel soft permet de réaliser ces sprites sans trop galérer niveau positionnement ?
9 juin 2009 à 0:01
Pour ma part, je suis pas un grand utilisateur de logiciels de ce genre, donc je part souvent d’une base photoshop que je cale bien avec les repères et le reste se fait un peu au feeling ^^. Je suis parti au début de ce tuto sur css globe qui est assez clair et bien expliqué. Une fois pris en main la technique, ça va vite.
Y’a certains sites comme Css Sprite Generator qui te font ça à la volée mais le résultat est pas forcément celui attendu.
9 juin 2009 à 8:20
Merci pour ta réponse, et les deux liens. Le tuto est en fait très bien fait