SEO研究所サクラサクラボ

SEO・コンテンツマーケティングを成功に導くパートナー

CSS Sprite

CSS Sprite(CSS スプライト)とは、複数の画像を1枚の大きな画像にまとめてしまい、サーバへのリクエスト回数を減らすCSSのテクニックです。

通常HTMLで複数のアイコンなどを表示させる場合、それぞれのアイコンをサーバに取得しにいかないといけませんが、CSS Spriteを使用し画像を1枚にまとめてしまうことでリクエスト回数が減り、結果表示速度が速くなるというメリットがあります。

1枚の画像になったアイコンはCSSで場所を指定して切り出して表示させることができ、通常のアイコン表示と同じように使用することが可能です。

ただ、1枚の画像にまとめる都合上、画像検索との相性はよくないため、アイコンや装飾など、デザイン用の画像に使用することがおすすめです。

その他のSEO用語集

Return Top