请教一下CSS中背景图片的定位问题
各位高手，大家，早上好！
本小白，想请教一下，CSS中背景图片的定位问题。听教程说，现在的背景图片，为了速度和响应，都是把很多需要用的图片整合到一张大图片上，用到时候在定位整张大背景图片中需要用到的部分，比如，这里有一张大背景图片，
上面有很多东西，如果我想定位其中我需要用到的东西，我是如何来确定该图片在整张图片中的位置（background-position）的，就是靠标尺来量吗？如何精确的量？或者有没有一种方便快捷的量的方法？另外我用到具体的页面中，又是如何确定图片在整张页面中的位置的，谢谢。
比如有一行我上面图片的定位代码，是来定位右边第四个蓝色的小背景框的。
background-image: url("http://i.imgur.com/iavER.png");background-position: -228px -136px;background-repeat: no-repeat;border: medium none currentColor;color: #FFFFFF !important;font-weight: 700;height: 16px;line-height: 16px;width: 20px;