アイコンなどをひとつずつ画像にして保存をしていると、管理がとても面倒になるし、なんていうタイトルを付けて良いかわからなくなります。 特に丸角テーブルがページ内にいくつもあるようなサイトでは、いろいろな種類の丸角部分を管理しなければいけないので、画像のタイトルにも気を使う必要が出てくるのではないでしょうか? 追記(2009/8/30): 一枚の画像にまとめることで、個別に画像を読み込まなくて良いので、結果的にページの表示にかかる時間が短くなります。 しかし、今回紹介する方法を使うことで、アイコンがまとまっているような画像集から部分的に画像を切り抜くことができます。 ソース .example .icon { background-image: url(../images/example.png); background-position: 0 -50px; overflow: hidden;