Comments on: SpriteMe makes spriting easy

By: Testarol

Testarol — Thu, 23 Sep 2010 10:14:12 +0000

At last a great tool to make RSS sprites easy and intuitive. Thanks so much for sharing!

By: Steve Souders

Steve Souders — Fri, 23 Oct 2009 19:08:41 +0000

@Marcus: Click “new sprite” to create a new sprite. Drag&drop images into the box to include them, or out of the box to deselect them.

By: Marcus Tucker

Marcus Tucker — Fri, 23 Oct 2009 11:34:31 +0000

I like the tool but I’d prefer to be able to pick which images get sprited together – or at least deselect ones that I don’t want sprited. The use case is that I might want all the social networking icons sprited together because they’ll rarely change, but SpriteMe might have picked up another image that I change frequently so I would rather keep it separate than have it sprited together with the others…

By: Jeremy

Jeremy — Thu, 15 Oct 2009 01:31:06 +0000

With TCP slow start and this now becoming a larger single file, on top of unneeded DNS lookup times, as well as initial TCP connection isn’t Nick’s math more than a little off? Don’t forget that many unsprited pages are pulling images from two to three domains.

By: Ionut Popa

Ionut Popa — Fri, 18 Sep 2009 22:34:45 +0000

I can see in the results page there is a change for the bad in the size of the files? The average change in size is 8k? Why is that? http://spriteme.org/results.php

By: sunnybear

sunnybear — Fri, 18 Sep 2009 20:19:08 +0000

Wim@: if you are looking for a daemon you can try Auto Sprites: web interface on http://sprites.in, code is located here
http://code.google.com/p/web-optimizator/source/browse/trunk/libs/php/css.sprites.php

This library solves CSS Sprites in another way – parses CSS file on server side and tries to restore full picture. It’s completely not the same as SpriteMe, gives different results and has different bugs. But can be used as an automation solution :)

By: Steve Souders

Steve Souders — Thu, 17 Sep 2009 19:01:06 +0000

@Wim: SpriteMe uses the DOM to compute the background-positions. You could run on the commandline, but it requires a headless browsers. I've opened up bug #60 for this.

By: Steve Souders

Steve Souders — Wed, 16 Sep 2009 18:58:02 +0000

@Olivier: It’s intentional to make “spritemejs” a global variable. If you declare “s” as a variable local to the function, it might get garbage collected when you exit the function. If this happens before the script is done loading, the bookmarklet won’t load.

By: Olivier Mengué

Olivier Mengué — Wed, 16 Sep 2009 11:18:04 +0000

The bookmarklet leaks the spriteme variable (check the code on jslint.com).

Here is a fixed version:

javascript:(function(d){var%20s=d.createElement(‘script’);s.type=’text/javascript’;s.src=’http://spriteme.org/spriteme.js’;d.getElementsByTagName(‘head’)[0].appendChild(s);})(document);

By: Steve Souders

Steve Souders — Wed, 16 Sep 2009 04:27:48 +0000

@Martin: Did you already have http://st.ak.sonicocnt.com/133/img/sprite.png, or is that what SpriteMe created?