Select Page

CSS sprite generator online

CSS sprite generator online

css.sprite.generator

Here is an useful tool for improving performance of your website: The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client’s browser needs to make.

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

This technique can be very effective for improving site performance, particularly in situations where many small images, such as menu icons, are used. The Yahoo! home page, for example, employs the technique for exactly this.

I’ve installed a copy of this tool at:

http://css-sprite-generator.waltercedric.com

And took time to:

  1. Improve the overall internal security of the tools, by using some technique of Joomla! framework, so most type of attacks (XSS, parameter tampering, path browsing, avoid direct execution of files) should be eliminated,
  2. The tool now extract the ZIP file without being forced to use the dangerous shell_exec php command (I switch it off on my host anyway), the tool support  if they are available in that order: ZipArchive(), zip_open() and shell_exec()
  3. Make the code a bit more portable (avoiding .. inclusion for files, use DIRECTORY_SEPARATOR)

And I did audit the code using Acunetix Web security Scanner, the result can be seen below:

css.sprite.generator.acunetix 

The source code for CSS Sprite Generator is available for download and is covered by a BSD license. Want to run a local copy, get the source code at https://launchpad.net/css-sprite-generator

My version will be available soon, link to appear later this week.

Note about PHP and Zip support

To install zip PECL package run the following as root:

# pear install http://pecl.php.net/get/zip

and create a new file at

# vi /etc/php5/conf.d/zip.ini

with following content

extension=zip.so

Restart apache

About The Author

I worked with various Insurances companies across Switzerland on online applications handling billion premium volumes. I love to continuously spark my creativity in many different and challenging open-source projects fueled by my great passion for innovation and blockchain technology.In my technical role as a senior software engineer and Blockchain consultant, I help to define and implement innovative solutions in the scope of both blockchain and traditional products, solutions, and services. I can support the full spectrum of software development activities, starting from analyzing ideas and business cases and up to the production deployment of the solutions.I'm the Founder and CEO of Disruptr GmbH.

Categories