Il modo migliore per scrivere immagini?

Question

Ora sto arrivando al punto che voglio sprite le immagini su www.trailbehind.com.

La maggior parte delle immagini viene caricata dalle funzioni JavaScript e ho molte piccole immagini come le icone delle mappe.

Esiste un software che supporta questo? So che puoi usare gli sprite di Django se le tue immagini sono in modelli Django. E puoi usare GWT in modo simile, se vuoi scrivere del codice Java.

Qual è il modo migliore per farlo su un sito Web che è Python/Django con un front-end Javascript? Non mostro mai HTML a meno che l'utente non abbia disattivato JavaScript.

Answer 1

C'è un online sprite generator. Questo può aiutare notevolmente il processo.

Answer 2

Se siete su Mac, è possibile avere gli strumenti per questo. Questi strumenti ordinano gli sprite in modo efficiente e generano il possibile foglio minimo di sprite. Inoltre stanno generando automaticamente l'output CSS per te. Pertanto, non è necessario combattere con le coordinate o contare i pixel. È possibile utilizzare Sprite Master per questo.

Answer 3

È inoltre possibile utilizzare Glue. È uno strumento da riga di comando open-source per generare sprite css.

Answer 4

SpriteMe è una grande opzione, funziona come un bookmarklet in modo da poter essere eseguito facilmente su qualsiasi sito che è necessario vedere i potenziali guadagni.

Answer 5

Se si desidera generare output sprites più stretto, provare ZeroSprites.

utilizza l'algoritmo VLSI floorplanning.

Answer 6

È possibile utilizzare http://draeton.github.com/stitches/ è un'applicazione online HTML5. (Da aprire con un browser moderno)

Basta trascinare e rilasciare le immagini e si può generare l'immagine sprite e il codice CSS da utilizzare in il tuo foglio di stile.