CSS実用テクニック:スプライト、アイコンフォント、三角形、UI制御とレイアウト最適化
スプライト画像(CSS Sprites)の活用
複数の小規模な背景アイコンを個別に読み込むと、HTTPリクエスト数が増加し、ページの初期表示速度が低下します。これを回避するため、複数のアイコンを1枚の合成画像(スプライトシート)にまとめる手法が広く採用されています。
実装の要点は以下の通りです:
背景画像として1枚の大きなPNG/JPEGを指定し、background-imageで読 ...
6月24日 20:10 投稿