htmlページに10 x 10のサムネイルを作成したいと思います。 (aspx)画像を含むhtmlタグには最高のパフォーマンスがありますか?
これを実行する方法はたくさんあります。画像が押圧可能ではない:
B: - (
A 最も最速!!
PSがレンダリングされている画像を含むことになる)タグがHTML
my question is :
)私はスプライトイメージを作成する能力がありません。
オプション:背景画像
2)imgタグ
3)多分他のオプションと
1)のdiv?
htmlページに10 x 10のサムネイルを作成したいと思います。 (aspx)画像を含むhtmlタグには最高のパフォーマンスがありますか?
これを実行する方法はたくさんあります。画像が押圧可能ではない:
B: - (
A 最も最速!!
PSがレンダリングされている画像を含むことになる)タグがHTML
my question is :
)私はスプライトイメージを作成する能力がありません。
オプション:背景画像
2)imgタグ
3)多分他のオプションと
1)のdiv?
表形式の形式ですので、表を使用する必要があります。
リフローを避けるには、行と列の幅と高さの属性を使用して、ブラウザがコンテナテーブルを正しくレンダリングするようにします。これは、img
要素の幅と高さを設定することも意味します。
したがって、各セルにimg
要素のテーブルを使用します。
テーブルの要素は、ページのviewsourceを増やすのですか?私は個人的にテーブルを使用しないようにしようとしています(私ができる限り)。 - また、テーブルでは、TDのbackgroundImageを使用する方が良いでしょうか? –
@RoyiNamir - 表は表形式の場合は完全に問題ありません。埋め込みdivよりもはるかに多くのマークアップを追加することはありません。背景画像を使用する場合、私は実際にそうは思わない(あなたがテストしたいかもしれないが)。 – Oded
本当に、あなたが10枚の画像しか表示していないのに、もっと何もしないのであれば、それをどうやって行うかは問題ではありません。パフォーマンスの違いは目立たないでしょう。 – gotofritz
意見:私の経験background images
から
をより速くロードする傾向があり、高さと幅specifedとaltough画像が速く読み込むことができますが、私は、あなたがそのオプションを持っていないと思います。また、イメージが一度読み込まれるので、実際には良いスプライトのオプションがないことも知っています。
ファイルの大きさによって大きく異なりますが、はsimplicity and flexibility
となります。
最高のパフォーマンスは、スプライトを使用することです。すなわち、1つの画像にすべての画像を組み合わせることです。その後、必要なセクションのみを表示するにはcssを使用します。
イメージをバックグラウンドで読み込むとイメージ要素を使用するよりも速くレンダリングされますが、この場合はほとんど違いが見られません。意味論的にはイメージ要素のように聞こえるように聞こえるでしょう。イメージをオフにすると、ページは意味をなさないでしょう。単に装飾的な要素ではありません。
あなたは私の質問を読みましたか? (p.s部分):) –
@RoyiNamir、あなたはスプライトではなく、ストライプについてのビットを意味しますか? –
ああ、あなたの単純なケースよりも十分に公正、あなたがimgノードを使うか、パフォーマンスが賢明ではなく意味的に私がimg – gotofritz
何を試しましたか?どのような選択肢をテストしましたか? 「パフォーマンス」とはどういう意味ですか? –
@Erno既に書いてあります:オプションを見てください –
レンダリングが最も速いとはどういう意味ですか?これは、ブラウザーとイメージの読み込み速度によって決まります。 – Oded