ブラウザのロードは何ですか1000px x 1px画像、または1000pxの画像1px

Question

画像は同じであると同じデータの塊であるため、ブラウザが実際に画像をどのようにレンダリングするかわからないので、これについて決定的ではありません。

また、単色の画像の画像形式は最速でロードされますか？

Answer 1

また、単色の画像の画像形式は最速でロードされますか？

シングルカラーをロードする場合は、要素を使用する可能性があります background: #HEX; 実際の画像を読み込む必要がないため、やや速くなります。

編集＃1：

2つの黒いJPGイメージ、1000x1と1x1000を作成しました。どちらも同じサイズ（399バイト）になりました。

さらに、1000x1 PNGイメージと1000x1 GIFイメージ（両方とも黒で満たされた）を作成しました。サイズは次のとおりです。

PNG-image: 96 bytes
GIF-image: 63 bytes

勝者：GIFイメージ、PNGイメージよりも33バイトのデータが少ない。テストで使用されている画像のような1000枚の画像をロードすると、PNG形式を使用したオーバーヘッドは 33 000 bytes （また 32.22 kilobytes その形式が必要な場合）。