複数の画像を1枚にまとめて、
HTTPリクエストを削減して表示を軽くする
CSS Spriteという手法がある。
FIreFoxプラグインのYSlowを使ってコンテンツ読み込みスピードを検証すると、
格段に変化しているらしい。
有名サイトでは、YoutubeやYahoo!で導入されているそう。
複数の画像を1枚にまとめてくれるツールもある。
CSS Sprite Generator
「Source Files」に複数の画像をZipに圧縮したファイルを指定して、
いろいろあるオプションをゴニョゴニョして、
ページ一番下の「Create Sprite Image & CSS」をクリックしたら、
Zipファイルの中身が1枚の画像になって、CSSも作成してくれる・・・
ハズなんだが、何故か私の環境ではうまくいかない。
Zipファイルの作り方がまちがってる!?
なんだろうか~。
HTTPリクエストを削減して表示を軽くする
CSS Spriteという手法がある。
FIreFoxプラグインのYSlowを使ってコンテンツ読み込みスピードを検証すると、
格段に変化しているらしい。
有名サイトでは、YoutubeやYahoo!で導入されているそう。
複数の画像を1枚にまとめてくれるツールもある。
CSS Sprite Generator
「Source Files」に複数の画像をZipに圧縮したファイルを指定して、
いろいろあるオプションをゴニョゴニョして、
ページ一番下の「Create Sprite Image & CSS」をクリックしたら、
Zipファイルの中身が1枚の画像になって、CSSも作成してくれる・・・
ハズなんだが、何故か私の環境ではうまくいかない。
Zipファイルの作り方がまちがってる!?
なんだろうか~。
