重複の可能性:
ページ上のすべての小さな画像を保存する単一の画像ファイル
おい、
Facebook は、ページ上のすべてのグラフィックを 1 つの画像に保存しています。AddThisも同様です。なぜ彼らはそうするのですか?同じテクニックを使用して、JavaScript で画像を切り取るにはどうすればよいですか?
重複の可能性:
ページ上のすべての小さな画像を保存する単一の画像ファイル
おい、
Facebook は、ページ上のすべてのグラフィックを 1 つの画像に保存しています。AddThisも同様です。なぜ彼らはそうするのですか?同じテクニックを使用して、JavaScript で画像を切り取るにはどうすればよいですか?
それらはCSS スプライトと呼ばれます。ページをロードするために行われるリクエストの数が減るため、ロード時間が短縮されます。このサイトは、何かの背景を画像のごく一部に設定するだけです。
これは、接続のオーバーヘッドを節約できるようにするためです (そうしないと、キャッシュされていない場合、ブラウザはすべての画像に対して接続を開きます)。
画像を切り取るのに JavaScript は必要ありません。標準の CSS ポジショニングを使用して、画像の特定の部分を表示します。