CSS Spriteを使う際の注意事項
category : Webコーディング ;
CSS Spriteについてちょっと思ったこと。
CSS Spriteは、ページのロード時間を短縮できますが、下記2点も考慮のうえ、ページ内のどの画像に対してCSS Spriteを使った方がよいかをちゃんと考えたほうがよい。
・ユーザビリティの確保(alt属性が必要な画像もあるため)
・更新性(画像サイズを変えると画像変更、CSS変更に手間がかかるため)
確実にスプライトにしたほうが良い画像は、alt属性をつける必要がない装飾画像、
ページタイトルをテキストで表示する際の背景画像などかな。
■参考サイト
CSS Sprite - CSSスプライト 解説
http://blog.livedoor.jp/fseeker/archives/193359.html
CSS Sprite 失敗
http://chushoww.blogspot.com/2008/08/css-sprite.html
CSSスプライトとは?
http://css.studiomohawk.com/30/css-sprites/
第10回 CSS Spritesでサイトを高速化
http://gihyo.jp/design/serial/01/ss-design/0010
