Hébergeur depuis 1997

Générateur de Sprite et de Code CSS

Ce générateur de Sprite vous permet ŕ partir de plusieurs images isolées de créer une image seule appelée "sprite" et vous fournit le code CSS vous permettant de localiser chaque image incluse dans le sprite grâce ŕ ces coordonnées dans le sprite.

Fichiers sources
Taille maximale de transfert: 0.5Mo

Cet outil est principalement utilisé pour optimer les performances d'affichage de votre site web. De nombreuses images ralentissent considérablement l'affichage de votre page web. Les sprites permettent de résoudre efficacement ce problème vous évitant de d'avoir des connexions multiples entre le navigateur et le serveur web. L'utilisation des sprites est utilisée par la plupart des grands sites que ce soit Google , Facebook ou autre. Elle est également utilisée par Espace 2001 ainsi que sur cette page. En plus d'une accélération importante de l'affichage , elle permet une diminution sensible du trafic réseau entre les serveurs web et les navigateurs augmentant ainsi la capacité de vos serveurs.

Nous vous conseillons toutefois de ne pas dépasser 70 ko par sprite car au delà le temps de chargement du sprite dépasserait 1,5 seconde pour une connexion ADLS classique.

Une technique efficace consiste à diviser votre page en plusieurs parties: le haut de page , le milieu et le bas. Dans ces trois parties vous relevez toutes les images relevant de ces trois partie et vous créez trois sprites correspondants en prenant soin de charger vos sprites dans le même ordre dans votre code html. Vous obtiendrez ainsi une très bonne impression de vitesse d'affichage de vos pages, vos visiteurs ne voyant généralement pas le bas de page.

Pour chaque sprite voulu, vous enregistrez les images voulues dans un fichier zip . Vous indiquez ce fichier à notre générateur en utilisant le bouton parcourir. Puis vous cliquez sur le bouton "créer le Sprite et le CSS" . Vous obtiendrez en retour le code CSS désiré ainsi qu'un lien de chargement pour le sprite généré.

Notre générateur de sprite CSS est optimisé pour pallier au différents bugs dans les différents navigateurs tout en optimisant au mieux l'enregistrement du sprite. Toutefois nous n'optimisons pas la taille du fichier sprite,ceci étant laissé à votre appréciation.

Nous vous invitons à tester votre page avec notre outil de test de performance de page, ceci avant et après la mise en place de vos sprites,cela vous permettra de mesurer avec précision les résultats obtenus.

Partagez cette page:

LinkedIn Google+


Copyright © 1997-2017 G. H. & Espace 2001 7, Fressigne - 23320 Bussière Dunoise - France - Tel: +33 (0) 970 408 150