画像は同じデータであるため、私はこれで決定的ではありません。ブラウザが実際に画像をどのようにレンダリングするかわかりません。ブラウザは1000px x 1pxの画像を速くロードするか、1pxを1000pxの画像に置き換えます
また、単一の色の画像のどの形式が最も高速に読み込まれますか?
画像は同じデータであるため、私はこれで決定的ではありません。ブラウザが実際に画像をどのようにレンダリングするかわかりません。ブラウザは1000px x 1pxの画像を速くロードするか、1pxを1000pxの画像に置き換えます
また、単一の色の画像のどの形式が最も高速に読み込まれますか?
また、単一色の画像のどの画像形式が最も高速に読み込まれますか?
あなたは、単一の色をロードするつもりなら、チャンスはあなたが実際の画像をロードする必要になりませんようbackground: #HEX;
を持つ要素を使用すると、多少速くなることです。
編集#1:
私は2つの黒のjpg - 画像、1000x1と1x1000作成 - の両方が同じサイズ(399バイト)をアップしました。
PNG-image: 96 bytes
GIF-image: 63 bytes
勝者:GIF-判明サイズは以下の通りであった -
はまた、私は1000x1 PNG-画像、ならびに1000x1のGIF画像(いずれも黒色で満たさ)作成しましたPNG画像よりも33バイト少ないデータである。テストで使用されたイメージのような1000個のイメージをロードすると、PNG形式を使用するオーバーヘッドは33 000 bytes
(またはその形式を使用する場合は32.22 kilobytes
)になります。
十分に公正ですが、それは私が求めていたものではありませんでした。私が読んだことから、gifとpngはソリッドカラーに最適です。両者に違いはありますか? – Atomix
私はポストを更なる情報で更新しました。うまくいけば、いくつかのことをクリアします! – ninetwozero
** **心配する必要はありません。 – SLaks
このレベルでタイミングを取っているのであれば、おそらくブラウザー環境で作業していないはずです... –
ロード中のページにこれらの1000pxを1pxずつ大量にロードしている場合、追加しますか? – Atomix