2011-12-19 5 views
2

HTMLの背景レイヤーに繰り返し横パターンがあります。私は1ピクセル幅の画像かそれの倍数(10,20,50 ...)でそれを行うことができました。繰り返しの背景:大きなタイルまたは小さなタイル?

質問は:

どちらが良いですか?

  1. 薄い(小さなファイルサイズ)画像を使用して、それが特定の画像パターンを繰り返すんどのくらいの

以下はの面で消費自体を繰り返しますと拡大画像を使用して多くの

  • を繰り返し作りますプロセッサ/クライアントリソース?イメージが3000ピクセル高いとします。

    EDIT:

    1x3000画像が水平方向に自身10回繰り返す100x3000画像よりも(1024ワイド画面で)水平自体1000回繰り返す持っている方が良いですか?今日はコンピュータがますます強力になっていることを考えれば、このタイルの繰り返しは問題になりませんか?

    EDIT 2:私はここで探していた答えと

    非常によく似た質問:

    Repeating website background image - size vs speed

  • 答えて

    1

    私は少し大きい画像(これは、ファイルサイズに深刻な影響を持っていない場合)のために行くだろう:これは上の重大な影響を与えない限り、私は少し大きい画像(のために行くだろう

    Repeating website background image - size vs speed

    2

    私はよく「小さいイメージより良い」哲学に従ってください。サイズが小さくなればなるほど、ブラウザーはそれをロードするのにかかる時間が短くなります。しかし、1x1と10x10では、リソースの面で大きな違いはありません。

    +1

    ファイルサイズ):http://stackoverflow.com/questions/1530299/repeating-website-background-image-size-vs-speed – ptriek

    +0

    優れた@ptriekそれは私が探していたものですが、セットを作ることはできませんでしたその質問の結果となる検索結果のキーワード – mga

    +0

    @ptriek URLまたは何かを指している回答を作成しますので、私はそれを受け入れることができます – mga

    0

    1ピクセルの画像が必要であれば、ダウンロードにかかる時間が短縮されるので、これは優れています。

    +0

    あなたは1x3000イメージを持っていることを好みます100x3000画像に比べて水平方向に1000倍、水平方向に10倍繰り返しますか? – mga

    +0

    はい、ある程度のオーバーヘッドがあれば、サーバーではなくクライアントのためにプッシュされるので、それが理由です。 – ALH

    0

    を参照してください。小さいイメージは、大きなイメージよりもサーバーからダウンロードする時間が短くなります。イメージの繰り返し速度はユーザーのコンピュータによって異なり、ユーザーはそれを心配する必要はありません。

    したがって、ダウンロードする時間が短い(つまり、すばやく読み込まれる)小さな画像を使用する必要があります。イメージがユーザーのコンピュータにダウンロードされると、イメージが処理される速度はコンピュータによって異なります。

    +0

    これは、ダウンロード時間(1回)と、その後の再描画やスクロールでユーザーのコンピュータがバックグラウンドをどの程度再描画するかのトレードオフです。 –

    +0

    @ Mr Lister:まさに...「小さなタイル」のためのトレードオフが終わるところでは、タイルサイズとビューポートサイズの間にある種の相関関係があります。 – mga

    0

    小さいほど、グラフィックが一度読み込まれ、完了します。

    関連する問題