multiple images to sprite combiner
- technosaurus
- Posts: 4853
- Joined: Mon 19 May 2008, 01:24
- Location: Blue Springs, MO
- Contact:
- technosaurus
- Posts: 4853
- Joined: Mon 19 May 2008, 01:24
- Location: Blue Springs, MO
- Contact:
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
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
- Attachments
-
- tango.tar.gz
- (130.02 KiB) Downloaded 310 times
- technosaurus
- Posts: 4853
- Joined: Mon 19 May 2008, 01:24
- Location: Blue Springs, MO
- Contact:
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
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
- Attachments
-
- tango_i.tar.gz
- 16, 32 and 48 separated out
- (96.83 KiB) Downloaded 225 times
-
- tango.png
- (135.21 KiB) Downloaded 234 times
Check out my [url=https://github.com/technosaurus]github repositories[/url]. I may eventually get around to updating my [url=http://bashismal.blogspot.com]blogspot[/url].
- technosaurus
- Posts: 4853
- Joined: Mon 19 May 2008, 01:24
- Location: Blue Springs, MO
- Contact:
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>
Check out my [url=https://github.com/technosaurus]github repositories[/url]. I may eventually get around to updating my [url=http://bashismal.blogspot.com]blogspot[/url].