スモール対ラージ画像（繰り返し時）

私は、ウェブページを横断するようなバー（時間のようなもの）を作っています。好奇心の念から、X軸またはで繰り返すことが可能な最小の画像を作成するのが最善ではないでしょうか？あまりにも何度も繰り返す必要がないように画像をセミワイドにするのが最善でしょうか？スモール対ラージ画像（繰り返し時）

2011-07-11 FreeSnow

最適化しようとしているのは何ですか？私は、CPUに多くの負荷をかけることはないと信じています（ほとんど読んでいません）。また、しばしばプロセッサ上で軽いので、帯域幅のためにサイズを最小限に抑えることが一般に理想的です。正直なところ、スタイル指定の '

'は余分なHTTPリクエストの必要性を排除するので、イメージよりも優れたパフォーマンスを発揮します。 – Nightfirecat

@Nightfirecatまあ、通常の '

'は、私が必要とするものを私に提供するために背景とのコントラストが十分ではありません。したがって、1x3イメージと100x3イメージを作成しても、実際には速度はまったく変わりません。 – FreeSnow

スタイルを追加するだけで色を変更することができます。「

」タグのデフォルトのスタイルは、高さ0の1ピクセル境界のブロック要素です。ボーダースタイルを変更するだけで、必要なものを正確に得ることができます。 – Nightfirecat

できるだけ小さくします。通常はレンダリングするよりも、ダウンロードに時間がかかります。今日の世界ではそれほど重要ではありません。レンダリングを高速化したい場合は、100px程度の幅を使用します。いずれにしても、現代のインターネットとプロセッサの速度に大きな影響はありません。

画像を避けることができる場合は、境界線を使用してください。

2011-07-11 19:18:36 switz

なぜ100pxと言うのか... 1pxですか？ – FreeSnow

1pxをお勧めします。レンダリングに時間がかかり過ぎていると思われる場合は、100px程度にしてください。 – switz

私の推測では、スピードの問題はイメージが繰り返し使用される回数ではなく、http要求であると考えられます。それが小さい画像の場合は、ダウンロードする時間が少なくてすみます。

これは、<hr/>を複製したい場合は、divとborderをoutset/insetで試してみてください。

2011-07-11 19:17:42 Phil

...または、その境界線のスタイルを持つことができる '

'を使用しますか？結局のところ、HTMLは意味論的であると考えられています。 – Nightfirecat

私はバックアップ用のリファレンスを探していますが、HTTP応答のブロックサイズがほぼ同じダウンロード時間になり、大きな画像がブラウザのレイアウトが速くなるため、10x10または20x20が1x1よりも好ましいと読んでいます。

2011-07-11 19:24:46 n8wrl

20x3はどうですか？私はそれが同じコンセプトに従うと確信していますか？ – FreeSnow

答えて