背景画像のための理想的なサイズはありますか？

Question

例えば、2×2よりも1x1の画像のロード速いのでしょうか？サイズは小さくなりますが、ブラウザは、二倍の仕事をしなければならないでしょうね？

そこで、背景画像のための理想的な大きさ及び形状（矩形対正方形）がありますか？

私はそれはおそらく、あまりにも重要ではありませんけど、私は知って興味を持っています。

ありがとうございます。

Answer 1

私はあなたのイメージのための「理想的な」サイズがないと思います。

画像の品質は、ダウンロード時間の役割を持っていますが。埋め込まれた豊富な色の画像は、同じ寸法を有する他のに比べてサイズが重くなります。

最後に、背景画像の選択は全くの のあなたの必要性ののに依存します。あなたは2 * 2画像が必要な場合、あなたはそれを含める必要があります。

あなたは、あなたが

を見てみることができます背景画像の多くを使用して、サイトのパフォーマンスを最適化する必要がある場合

CSSスプライトの

や画像最適化のためのいくつかのツール

12の本当に便利な画像最適化ツール以下のためのWebデザイナーの

Answer 2

Iは、（1×1または2×2など）が非常に小さい画像をタイリングすることは多くのブラウザでは非常に遅いことに気づきました。最も圧縮画像フォーマットで、私は、少なくとも画像をタイリングにあなたはUAで複雑さを描く減らすために周りのイメージのために少なくとも50×50ピクセルを選ぶべきだと思い繰り返して大きくなっているのはほぼ無欠点がありますので。

Answer 3

興味深い質問。あなたは、彼らそれぞれが画像をレンダリングするさまざまな方法を持っているので、ブラウザベンダーのそれぞれを依頼する必要があると思います。

しかし、それはあなたができる場合だけ小さい画像を使用することは理にかなっていますので、実際には、ダウンロード時間を無視してレンダリング時間の違いは無視されます。

私はまた、あなたが1x1の繰り返し画像を使用している場合、あなたは代わりに背景色を使用する必要があることを明らかに指摘します。

Answer 4

理想的なサイズは、一つのシステムから別のものに、別のブラウザから異なるであろう。

それが小さすぎたり大きすぎ行わないでください。背景画像は、サイズ1x1のは、一部のブラウザでレンダリング問題が発生することがあります。あなたは、少なくともそれ各次元の数ピクセルにする必要があります。

私は、Netscape 4が、彼らは広い10個のピクセルのようなもの未満であった場合は、画像を繰り返しすることを拒否したことを覚えておいてください。ブラウザ今日はあまりsensetiveですが、それはまだイメージがあまりにも小さくないことは理にかなっています。

（少なくともGIFやPNG画像のための）画像の圧縮は繰り返しに基づいているので、あなたはそれを繰り返すことで、画像大きくする場合には、余分な画像サイズは、ファイルサイズにはほとんどが追加されます。

Answer 5

ジャスト注：あなたがダウンロードをスピードアップしようとしている場合は、1x1の画像対のダウンロードのオーバーヘッドは、たとえば、10×10は、特にちゃんと圧縮画像のため、ごくわずかである - クライアントとサーバーの両方のための

そのため、レンダリングは間違いなく速いため/優れた10×10と、大きな画像サイズのために行く。