CSS Sprite Generator & Ruler
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-16.
This will generate a sprite Image by dragging and dropping Images & also measure the size of different contents on Websites.
Css Spite Generator & Ruler is developed for Front End Website Developers.
To allow it on File URLS, go the extensions tab,find CSS SPRITE GENERATOR and click on "Allow access to file urls".
It performs two functions,
1. CSS Sprite Generator.
2. Ruler.
What is CSS Sprite?
An image sprite is a collection of images put into a single image.
A web page with many images or icons can take a long time to load and generates multiple server requests.
Using image sprites will reduce the number of server requests and save bandwidth.
1. Sprite Generator.
It allows the user to upload the multiple icons images on the canvas, User can change the position of the icons, and at the end SPRITE GENERATOR will allow you to download the one image containing all the icons,and it will also provide you the CSS with background position,width,height of your different icons. You can also download the complete CSS Code.
2. Ruler :
Ruler Allows the user to measure anything on the web, this will allow you to know the width,height,top and left position of anything on the DOM.allow you to know the width,height,top and left position of anything on the DOM.
Developed By <a href='http://shehrozahmed.com'>Shehroz Ahmed</a>
Latest reviews
dont working
very useful tool
Nice! Keep it up (Y)
Awesome! Keep it up. :)
WAO ! Man its really AwaSom it's really gonna help me for development ! Thank brother Keep working on it and upload new extenshions like this ! Great Work :P :* <3
Love this
awesome app. really helping in development.
Wow nice ... Keep improving it.