Un programme pour combiner plusieurs images en une seule pour une utilisation avec CSS et pour réduire le nombre de trajets aller-retour?

Question

Je cherche des moyens de réduire la quantité d'allers-retours sur mon site pour mes clients. En ce moment, j'ai plusieurs images que je pense devraient être combinées en une seule image comme ceci:

http://aspnetajax.componentart.com/common/themes/20101/Office2010Silver/Static.png

puis cracher certains CSS comme ceci:

http://aspnetajax.componentart.com/common/themes/20101/Office2010Silver/theme.css

... que Je peux réduire les allers-retours et augmenter la vitesse d'utilisation de mon site (après le premier chargement). Y at-il un outil simple qui va le faire pour moi? Je me dis que c'est 2010 et que quelqu'un l'a automatisé quelque part. J'ai Visual Studio, et Expression Web et ne le vois pas là

Answer 1

Il ya ce CSS Sprite Generator en ligne qui devrait faire ce que vous cherchez. Il générera l'image-objet d'image à partir d'une collection zippée d'images individuelles, ainsi que les règles CSS correspondantes pour cibler et afficher chaque image de composant.

Answer 2

Il ya SpriteMe qui est la version en ligne de l'outil 2010 que vous cherchez.