ホームページ >ウェブフロントエンド >htmlチュートリアル >非常に多くの Web ページが 1 つの大きな画像 (ページ上のすべての小さなアイコンを含む) をアイコンとして使用しているのはなぜですか? _html/css_WEB-ITnose
多くの Web ページでは、必要な小さなアイコンのみを表示するために、CSS を使用して位置を制御していることがわかりました。アイコンを配置するときに、なぜこのようにするのが面倒ではないでしょうか?
画像はファイルです
ブラウザがファイルにアクセスするたびに、それはリンクになります(ページが同時にアクセスできるリンクには上限があります) )、各リンクにはパフォーマンスとトラフィックのオーバーヘッドがあり、
、
、画像を結合して対応するCSSコードを生成するツールもあります。もちろん自分で行うのは面倒です
クエリキーワードCSSスプライト
リクエストの数を減らして削減します。サーバーへの負荷
画像はファイルです
ブラウザがアクセスするたび ファイルはリンクです (ページ上で同時にアクセスできるリンクの数には上限があります)、それぞれリンクにはパフォーマンスとトラフィックのオーバーヘッドがあります
、
さらに、画像を結合して対応する CSS コードを生成するためのツールもあります。もちろん、それを自分で行うのは面倒です
キーワード CSS スプライトを検索します