Outil pour combiner les graphiques du site Web en un seul graphique (pour les arrière-plans CSS Offset Style)

Question

afin de réduire le nombre de requêtes HTTP, je veux changer mon CSS pour ne plus utiliser 20 fichiers graphiques différents, mais utiliser 1 fichier, puis changer le décalage.

Cependant, je trouve qu'il est très difficile de créer ces fichiers à partir de zéro - y at-il un outil de développement qui peut créer un tel fichier combiné à partir d'un certain nombre de fichiers image source?

Answer 1

SpriteMe est un bookmarklet JS qui est censé automage la création de sprites css sur un site existant. J'ai entendu dire que c'est incroyable. http://spriteme.org/

Answer 2

Vous cherchez un "CSS Sprite Builder" - Google vous trouvera des charges. Voici un en ligne un:

CSS Sprites - Online CSS Sprite Builder/Generator

Answer 3

Vérifiez ce code C#:

http://highoncoding.com/Articles/554_CSS_Sprites_Merging_Images_to_Achieve_Better_Performance.aspx

Answer 4

Avez-vous envisagé d'utiliser un outil graphique comme Paint.NET? Vous pouvez utiliser Paint.NET pour ajouter chaque image à un calque, ajuster la position de chaque calque, puis aplatir tous les calques en une seule image, puis stocker cette image sur votre serveur Web.

Answer 5

Vérifiez que l'outil (eng) http://spritegen.website-performance.org/