Création Sprites CSS avec SpritePad

L'une des étapes les plus importantes à la création d'un grand site Web est de s'assurer qu'il est optimisé. Et un excellent moyen de faire exactement cela est de rassembler toutes vos images en une seule CSS sprite. De cette façon, une seule requête HTTP est nécessaire pour récupérer toutes vos images qui à son tour permettra d'accélérer votre site. Lisez à propos de d'autres conseils sur l'optimisation du site dans mon article Conseils d'optimisation pour accélérer votre site .

Création d'un sprite CSS peut parfois être un peu de mal à la tête. Vous devez aligner chaque image dans le sprite, puis d'écrire un grand nombre de CSS afin de s'assurer que chaque image s'affiche correctement. Heureusement, il existe des outils là-bas que rendre les choses plus faciles et mon favori est We Are Kiss SpritePad .


SpritePad est super simple à utiliser. Il suffit de glisser vos images dans la grille et il va créer un fichier PNG que vous pouvez télécharger avec le CSS appropriée pour chaque image. Il suffit de suivre la visite guidée de voir à quelle vitesse vous pouvez faire votre sprite CSS. C'est un excellent outil pour aider des développeurs web d'optimiser leur site.