SmartSprites: CSS Sprite Generator Done Right

Description

Smart Sprites (Alpha!)

CSS Sprite Generator Done Right

About Usage Download Source code PHP version FAQ Support

What is SmartSprites?

SmartSprites will let you easily introduce and maintain CSS sprites in your designs . SmartSprites parses special directives you can insert into your original CSS to mark individual images to be turned into sprites. It then builds sprite images from the collected images and automatically inserts the required CSS properties into your style sheet, so that the sprites are used instead of the individual images.

In other words, no tedious copying & pasting to your CSS when adding, removing or changing sprited images. Just work with your CSS and original images as usual and have SmartSprites automatically transform them to the sprite-powered version when necessary.

Other features of SmartSprites:

Alpha release : Please bear with, or better -- report , any issues you have.

(NEW!) Full support for GIF and PNG8/24 : SmartSprites can create sprites in both GIF and PNG8/24 formats, including transparency. Moreover, it can optimize the PNG output so that PNG24 is used only when needed.

"Spriting" x- and y-repeated images : SmartSprites supports turning background images repeated along x and y axes into sprites.

Right and bottom image position : SmartSprites can turn into sprites also background images that are positioned to the right or bottom of the container.

Vertical and horizontal sprites : SmartSprites can create both vertically and horizontally laid-out sprites, required to support x- and y-repeated and right and bottom-positioned backgrounds.

Customized sprite margins : With SmartSprites you can customize left, right, top and bottom margins of each individual sprite for pixel perfect positioning.

Multiple sprite images and CSS files : SmartSprites can process multiple CSS files and produce many different sprites in one step (e.g. one vertical for icons, another horizontal one for tabs).

(NEW!) Special ...

Original URL

http://csssprites.org/

http://csssprites.org/