Quick Sprites

Developer: Simone Tellini

Current Version: 1.14.1

Last Updated: 2 years ago

Download Size: 2.6 MB - Download


Quick Sprites simplifies the creation and maintenance of CSS sprite sheets that enable you to optimize your websites.

A sprite sheet is a single image that combines many smaller ones. CSS sprites help reduce the number of HTTP requests that the browser needs to do in order to load and render a web page. This is a valuable technique that will make your web pages faster and potentially gain a better ranking on search engines.

Quick Sprites automatically packs your images so that the resulting sprite sheet uses the smallest possible area. Since the browser must to decompress the image in order to use it, the smaller its area, the less memory it'll need. Quick Sprites can also further optimize the resulting image, saving extra bandwidth.

One of the biggest drawbacks in using CSS sprites during the development of a website is that it takes time to create the sprite sheets, and most importantly, keep them up-to-date. Indeed, when a site evolves you might need to replace some icons, add new ones or remove those you don't need anymore. This means editing the sprited image to make room for the new assets, reorganizing its layout if you care about optimal performances, updating your CSS stylesheets… All this tedious work can be delegated to Quick Sprites, enabling you to focus on what's most important: creating interesting and beautiful websites.

If you never considered adding CSS sprites to your workflow because of the extra work involved in maintaining them, with Quick Sprites you won't have any excuse left not to optimize your websites.


Release Notes:

New app icon


Most Helpful Reviews

Version 1.5
Review by OsmosisNC

How does this not have a million awesome reviews? - Maybe the dorky icon, or perhaps that optimizing images (especially icons) with sprites it a tedious and thankless task. Well this app takes the pain out of it completely! I have been eyballing this app for a bit, and it seems to me that if I didn't get it and use it I would be doing my clients a disservice by not optimizing the images into a single sheet. So I got it. It works precisely as described. It generates a single image out of a collection of images and also generates the CSS to go with it so that it is painless to use. There's no having to figure out where the top left corner of your icon is within the sheet because QuickSprites does that. You can put some margins on the images in case the designer aesthetic falls over you and you feel the sheet is too cramped. You can output an optimized PNG that is somehow smaller in file size than unoptomized, but I am not sure why. You can output CSS without the text stacking for some slight savings in CSS file size, and you can even shrink the comments it uses on output. Also, the overall doc can be saved, in case you have to add more items later. The app will also refresh any single items that have been changed since the last time you used the doc. And why do you need it? Well, since search engines like to take various things into consideration when determining rank, it pays to do everything one can to make sure design stays out of the way of good ranking. The less requests generated by a page, the better your page speed is (theoretically), and the better you should rank. No one is saying that doing this alone will make a huge difference, but since it is no longer a super pain in the you-know-what to do image sprites for CSS, there is almost no excuse not to. Plus, we all like our sites to load as quickly as possible so that viewers are treated to your visual goodness as soon as possible... Anyways... this is now an official part of my toolkit. For the price it's a great deal. And if I didn't get it, the guilt of not doing CSS sprites for my clients would have overwhelmed me.

Found helpful by 2 out of 2 people