CSS sprite ～CSSスプライト～ | よら’s atelier - 楽天ブログCSS sprite ～CSSスプライト～ ブログやホームページを作る際、多くのページで画像を使われると思います。 使い方も様々で、そのままベタ置きしたり、ボタンとして使ったり、背景として使ったり。 しかし、文字と違って容量が大きいので使いすぎるとページ自体が重くなり、PCスペックによってはそのページの描画にえらく時間が掛かりかねません。 一般的に7秒を越えると、ほとんどの人がストレスを感じると言われています。 ガチガチのユーザーはもっと短くなるでしょう。 なのでウェブページの表示は少しでも早く、少しでも軽快にすることが大事になってきます。 では、どうやって早く表示させるようにするか。 方法はいろいろとあります。 原因がいろいろなので当然ですね。 その原因の中で、 「画像の数が多すぎる」場合のテクニックを一つ紹介します。 【CSS sprite】 例えば上記のようなボタンをホームページに組
