Tools to make CSS sprites? [closed]

Answer 1

found this one pretty fast tho that 500K upload limit might be a pain. source code is available here

Answer 2

Not a direct answer but to my fellow developers and web integrators, consider simply aligning each sprite to powers of two; eg a 16 pixel or 32 pixel grid. It makes calculating offsets in the CSS file much easier. All the white space between does not matter as the gifd and png formats compress that very well.

Answer 3

If you like Java, then you can use GWT 1.5+ which comes with something called "ImageBundle." The GWT compiler will handle all the nasty details for you. You won't even have to code a single line of JavaScript or write any CSS.

Answer 4

https://github.com/northpoint/SpeedySprite

This tool takes a novel approach in that it assembles your requested images on the fly as an http service. This makes the whole process pretty simple (no preprocessing required, change images any time): You start the service and then reference whatever images you want in your HTML:

<link href="css/my-images-dir/" rel="stylesheet">
<div class="my-image-name-here" />

Because it's dynamic, you can even make sprites from a dynamic set of images such as a thumbnail page. Doesn't support JPEG though, but PNG and GIF works fine.

Answer 5

Not clear yet if it'll make it into the core ASP.NET framework but here's a Microsoft codeplex project for csssprites :

http://aspnet.codeplex.com/releases/view/50869

if you like it - use it - or just like the idea then add a comment. I think this would be a great thing to have in the ASP.NET framework. Have not personally used it (I had to invent the wheel myself) but its got good reviews.

---

It includes the following components:

• API for automatically generating sprites and inline images
• Controls and helpers which provide a convenient way of calling into the API

Features Added in Second Release:

• A CSS linking control for Web Forms (selects the proper CSS file for the user's browser, but does not display an image)
• Using custom folder paths other than App_Sprites
• Changing the tiling direction of sprite images
• Merging the generated CSS with a user's own CSS

Features under consideration for future releases:

• Automatically selecting the most efficient sprite background colour
• Automatically minifying the rendered CSS
• Compiling against .NET 3.5

Answer 6

There is now Sprite Me by Steve Souders. Just tries it out and it seems to work pretty well.

Here is the link http://spriteme.org/ and here is the blog post announcing it.

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