CSS_html/css_WEB-ITnoseの背景画像の配置について教えてください。

専門家の皆様、皆さん、おはようございます！
私は初心者なので、CSS での背景画像の配置について質問したいと思います。チュートリアルで聞いた話ですが、現在の背景画像は速度やレスポンスの向上のため、使用する必要のある多数の画像を1つの大きな画像に統合して使用しているため、全体の中で使用する部分を見つける必要があります。たとえば、これは大きな画像です

使用する必要があるものを見つけたい場合、画像の位置 (背景の位置) を決定するにはどうすればよいですか。画像全体を定規に頼って測ればいいのでしょうか？金額はどのくらい正確ですか?それとも便利で素早く測定できる方法はあるのでしょうか？また、特定のページで使用する場合、ページ全体での画像の位置はどのように決めればよいのでしょうか？
たとえば、上の画像には位置決めコードの行があり、右側の 4 番目の小さな青い背景ボックスを配置するために使用されます。

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;

ディスカッション（解決策）への返信

通常、PSは定規を置いて測定します

PSの選択ツールを使用して距離を測定し、情報パネルを使用しますctrl + i を押して値を取得します。
実際、最も愚かな方法が実際には最も早い方法である場合もあります。

2階が正しいです。 PS ツールを使用するだけです。実際、最も愚かな方法が実際には最も速い方法である場合もあります。

測定してください...

おおよその値を目視で測定します
次に、最高の効果を達成するために firebug やその他のツールで効果を微調整します

1,2,3F ++