Comments on: CSS Sprite Generator Tool

By: Stuart Colville

Stuart Colville — Thu, 18 Dec 2008 10:20:22 +0000

@tom: There’s no guarantee the ordering will be the same in the image however as long as you copy both the image and the CSS that is generated you won’t have an issue.

By: tom stall

tom stall — Thu, 18 Dec 2008 10:14:53 +0000

Hi there,

Just a quick question about the naming of the images and the order of processing on the server what happens when you add new images to the sprite the next time will all the background positioning change?

v1.0
abc.gif
xyz.gif

v1.1
abc.gif
efg.gif <— NEW IMAGE
xyz.gif

What happens to the positioning of xyz.gif will this change therefore if you have built your site already you will have to go and change everything again?

Thanks for your time and effort

By: Mostafa

Mostafa — Thu, 21 Aug 2008 12:21:38 +0000

@johanhendrix

you can see ask.com as an example

Regards

By: johanhendrix

johanhendrix — Wed, 16 Apr 2008 14:15:35 +0000

can anybody point me to a example?
i don’t understand how to implement it..

By: Morethanseven » PHP Asset Packager

Morethanseven » PHP Asset Packager — Sun, 28 Oct 2007 23:50:14 +0000

[...] YAHOO!s performance rules. The recent release of the YSlow extension and another upcoming book from Stuart Colville and Ed Eliot cap things off [...]

By: Sammy

Sammy — Sat, 06 Oct 2007 18:51:32 +0000

That’s a nice litte tool. One thing that I find missing is an actual example of the thing, especially on the page “What are CSS sprites”. You explain it with words, and give a link to A list Apart, but this page just begs for an actual visual example of the technique (eg. an actual rollover link, the html, the css). I was aware of this technique before coming to the site, but it might be useful for people who are not.

Thanks.

By: Stuart Colville

Stuart Colville — Fri, 05 Oct 2007 13:13:30 +0000

@frances: Thanks for your feedback, we are looking into providing a fix for this issue shortly.

By: Frances Berriman

Frances Berriman — Fri, 05 Oct 2007 10:25:39 +0000

Hey. Just thought I’d drop by and say we’ve been playing with it a bit at work.

Only problem we’re having is when we’re combining a bunch of gifs, we’re having to get it back as a PNG and then re-save it out as a gif because the quality coming back wasn’t high enough as gif output.

So, it’s helpful to get it back as an image with the CSS positioning worked out for us, but we needed a little more quality control about compression of images.

By: Nate

Nate — Fri, 28 Sep 2007 20:52:52 +0000

This will save me a bunch of time as I try to make our site faster and more inline with yahoo’s performance model. Thanks.

By: Javascript News » Blog Archive » CSS Sprite Generator Released

Javascript News » Blog Archive » CSS Sprite Generator Released — Fri, 28 Sep 2007 17:15:54 +0000

[...] Stuart Collville and Ed Eliot just launched a new CSS Sprite Generator tool, which is the first of many in a series of web-site performance tools. For the uninitiated, a CSS Sprite is a single image file which contains several graphics. Using CSS background positions it’s possible to display any one of the graphics. By using a sprite you save on multiple http requests which helps speed up the rendering of your page. [...]