How to measure sizes and distances from parts of an image file?

I have this image sprite containing many small icons.

I don’t know the accurate size, height and width of each icon and it’s too difficult for me to find it manually with my current tools (I am using Google chrome to edit CSS). Additionally, I need to know, in pixels, how far each icon is from the top and left of the whole image file.

This is the image file:


Are there any software or Photoshop tools that will enable me to select each icon and find out how big it is, and how far it is from the top and left of the image?


You could use rulers in photoshop and the marquee tool to find out. Set the grid in the preferences to 1px and snap to it.

You’ll be able to measure stuff out from there. Maybe try taking the white space out to make your background-position offsets easier to calculate.

Good Luck!

Source : Link , Question Author : user2615947 , Answer Author : MouseBat

Leave a Comment