Des outils pour créer des sprites CSS?

Question

Existe-il des bons outils pour faire des sprites css?

IDÉALEMENT, j'avais envie de lui donner un répertoire d'images et d'un existant .fichier css qui se réfère à ces images et de les avoir c'est de créer une grande image optimisée avec toutes les petites images ET de modifier mon .fichier css à se référer à ces images.

Au moins j'avais envie de prendre un répertoire d'images et de générer un gros sprite et le .css nécessaire pour utiliser comme arrière-plan.

Il n'existe aucun bon photoshop plugins ou entièrement soufflé apps pour ce faire?

Answer 1

Instant Sprite est un générateur de sprites CSS intégré au navigateur sur lequel je travaille. Il est vraiment rapide, mais n'a pas autant de fonctionnalités que certaines des autres. Il ne fonctionne actuellement que dans Firefox ou Chrome, car il utilise JavaScript FileReader et HTML Canvas pour générer les sprites à l'intérieur du navigateur Web sans téléchargement.

Answer 2

Cela fera 90% du travail pour vous: http://spritegen.website-performance.org/ . Vous devrez toujours modifier les règles vous-même, mais l'outil vous fournira les fragments de code dont vous avez besoin pour le nouveau fichier CSS.

Answer 3

Il y a maintenant Sprite Me de Steve Souders. Essaie juste et ça semble fonctionner plutôt bien.

Voici le lien http://spriteme.org/ et voici le billet de blog qui l’annonce.

http://www.stevesouders.com/blog/2009/09/14/spriteme/

Answer 4

Cela semble prometteur :

http://csssprites.org/

Aussi, j’ai trouvé cet article qui a des informations utiles et même des commentaires des lecteurs mérite d’être lu.

Aussi google web toolkit a apparemment quelque chose - si vous utilisez qui il pourrait être utile de vérifier.

Answer 5

Essaye ça:

http://spritepad.wearekiss.com/