CODEWITHSUNDEEP
csscss-sprites
Andrew Johnson
Andrew Johnson

Reputation: 13296

Best Way to Sprite Images?

I am now getting to the point that I want to sprite the images on www.trailbehind.com.

Most of the images are loaded by JavaScript functions, and I have lots of little images such as the map icons.

Is there any software that supports this? I know that you can use Django-sprites if your images are in Django templates. And you can use GWT similarly, if you want to write some Java code.

What's the best way to go about this for a website that is Python/Django with a Javascript front-end? I never show any HTML unless the user has JavaScript turned off.

Upvotes: 6

Views: 2243

Answers (6)

clyfish
clyfish

Reputation: 10470

If you wanna generate tighter sprites output, try ZeroSprites.

ZeroSprites uses VLSI floorplanning algorithm.

Upvotes: 0

Corinne Kubler
Corinne Kubler

Reputation: 2092

You can use http://draeton.github.com/stitches/ is an HTML5 online application.(To be opened with a modern browser)

You just have to drag and drop your images and you can generate the sprite image and the css code to use in your style sheet.

Upvotes: 0

Sam Saffron
Sam Saffron

Reputation: 131192

SpriteMe is a great option, it works as a bookmarklet so you can easily run it on any site you have to see the potential gains.

Upvotes: 1

Jorge Bastida
Jorge Bastida

Reputation: 535

You can also use Glue. It's an open-source command line tool to generate css sprites.

Upvotes: 5

bateristt
bateristt

Reputation: 176

If you are on Mac, you can have tools for this. These tools are ordering sprites in an efficient way and generates the possible minimum sprite sheet. Also they are generating CSS output for you automatically. Thus, you don't need to fight with coordinates or counting pixels. You can use Sprite Master for this.

Upvotes: 0

alex
alex

Reputation: 490647

There is an online sprite generator. This can help the process greatly.

Upvotes: 4

Related Questions