幅1px、高さ20pxのサイズ1kbの画像が、10pxの順序付けられていないリストアイテムで繰り返されているとします。次に、kb単位のページサイズは10kb(listitemの幅*画像のサイズ)だけ増加しますか、それとも1kbのみになりますか?
6 に答える
ダウンロードされたページサイズ(つまり、HTMLと画像)は変更されません。
同じ画像なので、1回のダウンロードで再利用します。
ただし、メモリ内では、背景をレンダリングする必要があるため、増加します。これによってどのような種類のメモリが増加するかを判断することはできません。
その1つの背景画像に対してサーバーに対して1回だけリクエストを行うので、いいえ、ページサイズは増加しません。
あなたが提案するような画像は、ページサイズを縮小するための理想的な方法です。
さらに詳しく知りたい場合は、CSSスプライトを使用して、ページサイズと読み込み時間をさらに短縮することを検討できます。
いいえ、サイズは大きくなりません。サイズは1kbのままです。
「基本的に、画像のスライスは、大きな画像全体よりも個々の部分がより速く読み込まれるように、巨大な画像を分割するのに役立ちます。」
画像はブラウザのキャッシュに一度だけ読み込まれます。したがって、ロード量は1kbのみになります。これが、スプライトシートが非常に優れている理由です。
いいえ、ページの読み込み時間が長くなるわけではありません。画像は1回だけ読み込まれます。
ブラウザが背景をダウンロードするときは絶対にありません
。ダウンロードした背景画像で背景を繰り返し、複数回ダウンロードすることはありません。firebugで確認できます。