CSS Sprite 失敗

ページの読み込みが速くなる、管理も簡単になるってわけで、遅ればせながら、このあいだある案件ではじめて CSS Sprite に挑戦しました。CSS で指定する複数の画像を、でかい一枚絵の中に適当に配置してまとめておくっていう、あれですね。 でも、すっかり舞い上がっちゃって、いろいろしくじりました。 最初に、まず、全画像入りの一枚絵を作るような意気込みでのぞんじゃって、いやいやいや、gif と jpg は一緒にできないよって、軽くがっかりしてる自分にあきれました。アホですね。でも、それだけじゃありません。 １、可変サイズのとこは無理！ これもはじめから気づくことができないのはどうかしてると思いますが、CSS Sprite が使えるのって、大きさが決まってるHTML エレメントに対する no-repeat な背景画像としてのみなんですよね。 あたりまえだけど、タイル状に敷き詰めるようには使えな

[soma1080]

なんでもかんでもCSS Spriteにすれば最適化される！…というわけでもないよ。という自戒