0

私はCSS Webデザインの初心者です。複数の画像を 1 つの画像ファイルに結合している Web サイトを見つけました。これは Amazon の例です。

http://g-ecx.images-amazon.com/images/G/01/x-locale/personalization/amznlike/amznlike_sprite_02._V196113939_.gif

そして、それを最善の方法で行う方法を本当に知りたいです。画像を結合し、各画像のピクセル位置を取得して CSS に配置するためのツールはありますか?

4

1 に答える 1

2

これらは CSS スプライトと呼ばれます。いろいろな情報をグーグルで検索できます。この手法は、読み込み時間を短縮するためにほとんどのサイトで使用されています。基本的に行うことは、画像をロードするすべての要素に1 つの画像をロードすることです。

ただし、それらを背景画像としてロードするため、位置を変更できます。したがって、同じ画像の異なるバージョンを表示することが可能になります。

私はすべてを伝えたくないので、ここであなたが始めるためにさらに読んでください.

于 2013-09-01T01:48:06.843 に答える