multiple images to sprite combiner

[technosaurus]

@Gusto - have you done anything with the sources?

[GustavoYz]

No, I had no time yet...
Wanted code some svg/xml output (just pointing to web usage), but still a to-do.

Is a very nice little app.

[technosaurus]

here is a tarball of sprite of the tango icon theme. It contains 213 icons each of 16x16, 32x32 & 48x48 (639 total) in 130kb. The sprites are 19, 43 and 67kb respectively

The tarball also contains an ordered list of icons. You can use it for calculating offsets based on the line # and icon size

I need to figure out how to use the whole transparency layer rather than just setting a single transparency color

[technosaurus]

here is the tango set as a single sprite sheet optimized with optipng-zopfli (zopfli compresses a bit better)
it _should_ follow the naming in the previous tarball for adding to your css ...x offset is 0, 48 or 64 and a y offset of 6846 for the 16px icons

[technosaurus]

With this you can get grayscale with a filter (this one also contains a viewBox to get the 2nd 48x48 sprite)

Code: Select all

<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 48 48 48">
<filter id="greyscale"><feColorMatrix type="saturate" values="0"/></filter>
<image width="48" height="10224" xlink:href="tango48i.png" filter="url(#greyscale)"/>
</svg>