Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?

share|improve this question
up vote 5 down vote accepted

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!

share|improve this answer
Thanks for answer!! I got the solution by myself... – user2615947 Aug 10 '13 at 22:09

More than likely, these images are spaced apart evenly. You could probably just do the math. Total width / 5 by total height / 4.

share|improve this answer

You can use SpecKing plugin to measure distances and sizes and texts properties:

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.