DownloadImage Strip Creator: create icons strips in a snap!
Today's new generation web applications are all about useful innovative services served by a great user experience.
Fancy graphics and animations help users to feel comfortable with this service.
Adding too many icons may slow down your application, as the browser needs to send a request for each icon needed.
If your HTTP server logs are full of small images requests, an icon strip is the solution: the browser will only ask for one image containing all the small icons. You then use some CSS magic to set this image as the background for your icons and to position this background to display only the icon you want.
It seems very easy but what if you have 100+ icons? How do you create the strip? How do you get the position of a given icon in the strip? How do you keep it up to date?
Image Strip Creator is the tool you need!Image Strip Creator is a simple tool aimed at web developers to help them build their icons strips, aka CSS sprites.
Give Image Strip Creator your icons folder path and it will take care of everything automatically, from
removing duplicated icons to the generation of the corresponding CSS stylesheet and HTML test documents.
ImageStrip Creator works as follow:
- Build a list of every icons in a given folder and all of its subfolders
- Load every icons and find duplicates
- Sort the icons by height to minimize lost space in the strip
- Append each image in the big one
- Save the icon strip as a lossless PNG file
- Build an XML document containing information about each icon in the strip: location, size...
ImageStrip Creator fully supports PNG, GIF, JPEG and BMP files and creates a PNG strip to preserve the quality of your icons while keeping the file as small as possible.
Image Map Creator is absolutely free and source code is available from the public Diffuzed SVN