html - サイズに応じた画像読み込み性能

Question

寸法が次の画像は本当ですか:

2x2 | 4x4 | 8x8 | 16x16 | 32x32 | 64x64 | 128x128 | 256x256 | 512x512

// so on . . . .

などは、読み込みや表示が簡単ですか? 私はどこかでそのコンピューターがこれらの寸法を好み、非常にうまく機能することを読みました。HTML文書にも適用されますか? もしそうなら、私たちはアイコンとそのすべてのものを16x16と32x32?

Answer 1

他の場所ではそうかもしれませんが (Favicon の場合など、以下を参照)、HTML ドキュメント内の通常の画像には当てはまりません。HTML 画像は、任意のサイズにすることができます。

最適なパフォーマンスを得るには、画像の物理的なサイズが HTML タグのサイズと同じであることを確認してimageください。これにより、ブラウザーがサイズ変更を行う必要がなくなります。

もしそうなら、アイコンなどを 16x16 と 32x32 で作るべきですか?

ファビコンは、特定の定義されたサイズにする必要があります。

ただし、HTML ドキュメント内では、画像を 17x17 ピクセルではなく 16x16 ピクセルにする唯一の理由は、設計上の考慮事項です。確かに性能には関係ありません。