2012-01-07 8 views
0

htmlページに10 x 10のサムネイルを作成したいと思います。 (aspx)画像を含むhtmlタグには最高のパフォーマンスがありますか?

これを実行する方法はたくさんあります。画像が押圧可能ではない:

B: - (

A 最も最速!!

PSがレンダリングされている画像を含むことになる)タグがHTML

my question is : )私はスプライトイメージを作成する能力がありません。

オプション:背景画像

2)imgタグ

3)多分他のオプションと

1)のdiv?

+0

何を試しましたか?どのような選択肢をテストしましたか? 「パフォーマンス」とはどういう意味ですか? –

+0

@Erno既に書いてあります:オプションを見てください –

+0

レンダリングが最も速いとはどういう意味ですか?これは、ブラウザーとイメージの読み込み速度によって決まります。 – Oded

答えて

2

表形式の形式ですので、表を使用する必要があります。

リフローを避けるには、行と列の幅と高さの属性を使用して、ブラウザがコンテナテーブルを正しくレンダリングするようにします。これは、img要素の幅と高さを設定することも意味します。

したがって、各セルにimg要素のテーブルを使用します。

+0

テーブルの要素は、ページのviewsourceを増やすのですか?私は個人的にテーブルを使用しないようにしようとしています(私ができる限り)。 - また、テーブルでは、TDのbackgroundImageを使用する方が良いでしょうか? –

+0

@RoyiNamir - 表は表形式の場合は完全に問題ありません。埋め込みdivよりもはるかに多くのマークアップを追加することはありません。背景画像を使用する場合、私は実際にそうは思わない(あなたがテストしたいかもしれないが)。 – Oded

+0

本当に、あなたが10枚の画像しか表示していないのに、もっと何もしないのであれば、それをどうやって行うかは問題ではありません。パフォーマンスの違いは目立たないでしょう。 – gotofritz

2

意見:私の経験background imagesから

をより速くロードする傾向があり、高さと幅specifedとaltough画像が速く読み込むことができますが、私は、あなたがそのオプションを持っていないと思います。また、イメージが一度読み込まれるので、実際には良いスプライトのオプションがないことも知っています。

ファイルの大きさによって大きく異なりますが、はsimplicity and flexibilityとなります。

0

最高のパフォーマンスは、スプライトを使用することです。すなわち、1つの画像にすべての画像を組み合わせることです。その後、必要なセクションのみを表示するにはcssを使用します。

イメージをバックグラウンドで読み込むとイメージ要素を使用するよりも速くレンダリングされますが、この場合はほとんど違いが見られません。意味論的にはイメージ要素のように聞こえるように聞こえるでしょう。イメージをオフにすると、ページは意味をなさないでしょう。単に装飾的な要素ではありません。

+0

あなたは私の質問を読みましたか? (p.s部分):) –

+1

@RoyiNamir、あなたはスプライトではなく、ストライプについてのビットを意味しますか? –

+0

ああ、あなたの単純なケースよりも十分に公正、あなたがimgノードを使うか、パフォーマンスが賢明ではなく意味的に私がimg – gotofritz

関連する問題