ホームページ  >  記事  >  ウェブフロントエンド  >  非常に多くの Web ページが 1 つの大きな画像 (ページ上のすべての小さなアイコンを含む) をアイコンとして使用しているのはなぜですか? _html/css_WEB-ITnose

非常に多くの Web ページが 1 つの大きな画像 (ページ上のすべての小さなアイコンを含む) をアイコンとして使用しているのはなぜですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:51:351365ブラウズ

多くの Web ページでは、必要な小さなアイコンのみを表示するために、CSS を使用して位置を制御していることがわかりました。アイコンを配置するときに、なぜこのようにするのが面倒ではないでしょうか?


ディスカッション(解決策)への返信

画像はファイルです
ブラウザがファイルにアクセスするたびに、それはリンクになります(ページが同時にアクセスできるリンクには上限があります) )、各リンクにはパフォーマンスとトラフィックのオーバーヘッドがあり、

、画像を結合して対応するCSSコードを生成するツールもあります。もちろん自分で行うのは面倒です
クエリキーワードCSSスプライト

リクエストの数を減らして削減します。サーバーへの負荷

画像はファイルです
ブラウザがアクセスするたび ファイルはリンクです (ページ上で同時にアクセスできるリンクの数には上限があります)、それぞれリンクにはパフォーマンスとトラフィックのオーバーヘッドがあります

さらに、画像を結合して対応する CSS コードを生成するためのツールもあります。もちろん、それを自分で行うのは面倒です
キーワード CSS スプライトを検索します



はい、わかりました。ありがとうございます
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。