タグ

ブックマーク / zxcvbnmnbvcxz.com (1)

  • CSS Spritesを用いた表示高速化と軽量化の実施方法 | Stronghold Archive

    どうもこんばんは!今回のtipは【CSS Spritesを用いた表示高速化と軽量化の実施方法】です。ページの高速化に関しましては色々な方法ありますが、もっとも手軽に始められる方法の一つだと思います。 CSS Spritesについて CSS Spritesとは簡単に言うと複数の画像一枚にまとめ、読み込みの回数(HTTPリクエストの回数)を減らし、さらには画像自身の容量も削るという方法になります。通常の場合、画像は以下のように一枚ずつ表示しているかと思います。CSS Spritesではこれら複数の画像を一枚にまとめ、背景画像に指定した上でbackground-position(背景画像の表示位置)を使って表示を切り替えていきます。この方法はボタン等でよく見られます。では実際に上の画像を使ってCSS Spritesを実装してみましょう。 CSS Spritesによるボタンの作成 1.ますはボタン

  • 1