Find out more about SpriteMe by reading these
posts and watching this video.
The SpriteMe Project
Q: What are CSS sprites?
Q: Why should I bother to create CSS sprites?
Using sprites reduces the number of HTTP requests in the page. This is one of technique for making web pages faster
. This is especially important for users with slow Internet connections or who are far away from your servers. Also, some browsers, including Internet Explorer 6 and 7, can only make two HTTP requests in parallel (to the same server). If the page has multiple background images, they are downloaded sequentially, resulting in a slow page.
Q: Do many web sites use CSS sprites? Does it make much difference?
The use of CSS sprites is growing. In 2007, only two of the Alexa top ten U.S. web sites used sprites. Today (2009) nine of the top ten sites use sprites. It's a recognized technique for speeding up web pages. And yet, many popular sites that could benefit from sprites don't use them. As of September 2009, here is a list of web sites with the number of HTTP requests that could be eliminated if they used sprites: CNN
(39), and USPS
Q: What's a bookmarklet? Why did you create SpriteMe as a bookmarklet?
, and finally as a browser plug-in, typically a Firefox add-on
. See the Wikipedia definition of bookmarklet
for more information.
Q: What browsers has SpriteMe been tested on?
A: SpriteMe has been tested successfully on Firefox 3.x, Ineternet Explorer 6-8, Chrome 2, and Safari 4. It generally works on Opera 10, but the sprite injection step needs more work.
Q: What's the "share your results" link do?
Sharing your results records SpriteMe's savings. These results are visible in the savings
page. The results that are saved are the URL (minus any querystring), the number of background images and their total size before
SpriteMe was run, and the number of background images and total size after
SpriteMe was run. No personal information is saved. The IP address is not saved. Do not share your results if you do not want other people to see your page's URL!
Q: Why aren't JPEG images sprited by SpriteMe?
Currently, SpriteMe has no knowledge of the number of colors uesd by each image. It's important to stay within the 255 color limit to minimize image file size. Creating sprites that combine jpegs with other images typically results in a significant increase in file size. It's possible that jpegs could be combined together and with other truecolor images. See issue #69
Q: I get an error when I try "make sprite".
Although it's possible that the spriting web service is broken, this most frequently happens when someone tries to sprite images that are not publicly accessible. The sprite images must be accessible by the coolRunnings
spriting service. If you can't make them publicly accessible, you could create a local instance of coolRunnings. Instructions for doing that are TBD.
Q: Some DHTML background images weren't detected by SpriteMe.
A: SpriteMe finds the background images in the page by crawling the DOM. If you elements that are created dynamically, but aren't currently in the DOM, their background images won't be found. One workaround is to create a temporary page that uses all the background images. But it might actually be better if the sprite contained just the background images used in the initial rendering of the page, so the sprite image is smaller and downloads faster.
Q: Is SpriteMe open source?
Q: Where can I find the code?
Q: How do I contribute a patch to the project?
Q: Where's the current bug list?
Q: How do I submit a bug?
Q: Who created SpriteMe?
Q: How are the images combined?
SpriteMe uses coolRunnings
, a sprite generation service built by Jared Hirsch.
Q: Who do I contact for more information?