サイト制作のしらべ

サイト制作の調べた事を書いています。

大量の画像を高速に表示出来る、CSSスプライトを使ってみた。

      2016/02/04

cssスプライトCSSスプライトツールは、複数の画像を一つの画像にして画像の位置をCSSのbackground-positionで指定するツールです。

メリットは、一つの画像になると容量も軽くなり、画像ファイルへのアクセス数が減らせて画像表示が速くなります。

YOUTBEなどでも使われています。cssスプライト|youtube

cssスプライト|youtube

CSS Sprite Generator

複数の画像を一つの画像に結合できるツールです。HTML,CSSのコード付きなのが便利です。

CSS Sprite Generatorcssスプライトツール

参考サイト

CSS Spritesでサイトを高速化

 

 - Cssの調べ