スマートフォンサイト制作には必須 CSSスプライト

まえまえから知っていたWebデザインの技術なのですが、今回はじめて試してみた「CSSスプライト」というCSSの技術。かなりいいですね。

「CSSスプライト」とは何か～って感じですが、複数の画像を１枚の画像に収め、サイト自体の容量を軽くする（サーバーへのリクエスト数を減らす）技です！

下の画像のように、アイコン系や、矢印などの画像を１枚にまとめる感じです。CSSの背景指定で表示させる画像です。



若干計算が必要だったり、画像の配置に気をつけたりと、手間がかかるのは手間がかかるのですが、回線速度がまだまだ有線回線に比べ遅いスマートフォンの回線には、少しでも軽いサイト構築が望まれるのは必然ですね！

今回実装できたので、次回以降も積極的に取り入れていきます！