1pxより大きい場合、htmlのバックグラウンドがより効率的に繰り返されますか？

Question

特定の次元で繰り返される1次元の背景がある場合、画像が例えば、幅1px、幅10または20px？

Answer 1

2次元の背景を意味すると思います。

現代のコンピュータでは、目に見える違いがあるとは思いません。しかし、帯域幅は依然としてプレミアムなので、特に携帯端末では、2pまたは3pxの幅ではなく、1pxの幅の画像を繰り返して帯域幅を節約するほうがよいと思います。

更新：非科学的にテストを実行しましたが、確かに知覚的に適切です.1ページは10,000,000pxの正方形のdivに10pxの緑色の四角形を描画し、別のページは同じサイズのdivに1pxの緑色の四角形を描画しました。すべてのスタイルはCSSで設定され、両方のページには他のコンテンツはありません。グラフィックはローカルにロードされました。 Mac用のSafari 5とMac用のFireFox 8のどちらのレンダリングでも、知覚上の違いは全くありませんでした。それでも、古い（スマートな）スマートフォンの特定のモデルではパフォーマンス上の問題が発生する可能性があります。

Answer 2

1pxワイドの背景画像と20pxの幅の背景画像の違いに気付かないかもしれませんが、1枚のワイド画像があります。ダウンロードしなければならないファイルサイズの違いだけです。画像が大きくなるほど、ファイルサイズが大きくなる可能性が高いため、最初にダウンロードするにはほんの少し時間がかかります。一度それが定位置にあると、あなたはどちらかの違いを気付かないでしょう。