CSS Spriteを使う際の注意事項

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

人気blogランキング ブログランキング・にほんブログ村へ Blog Entry ランキングへ投票 ブログ王 ブログランキング くつろぐ
最近流行のブログのように、簡単にオンラインショップが構築できちゃう、
Color Me Shop! pro】は、オンラインショップ構築の容易さだけではなく、
商品管理や決済も簡単にできちゃう初心者でも安心の機能を標準装備!
無料提供のショップブログとも連携できて月額875円〜。この機会に是非!

トラックバック

このエントリーのトラックバックURL:

コメントする