JPEG：YES— プログレッシブスキャンを使用 。ファイルを小さくします（ 各パスは独自のハフマンテーブルを取得します ）。
GIF：NO—ファイルを小さくする可能性は低く、部分的なレンダリングは不十分であり、animGIFにとっては意味がありません。 GIFを一切使用しない （ はい、アニメーションでも ）が最適です。
PNG：NO—圧縮を傷つけます（各パスのデータは統計的にまったく異なるため）。画像が大きい場合は、高品質のJPEGまたは lossy PNG を使用します。これらは、大きなロスレスPNGのピクセル化されたプレビューよりも速く読み込まれる可能性があるためです。
ImageOptim は、ファイルを小さくするときにプログレッシブ/インターレース形式を自動的に変更します。
Nitpickersの免責事項：
- 小中サイズの画像の場合、各画像のプログレッシブプレビューは、ユーザーがそれを理解するのに十分な長さでは表示されません。一部のブラウザは、ファイル全体がダウンロードされるまで何もレンダリングしません。したがって、帯域幅の節約に集中して、ページ全体をできるだけ早くロードすることをお勧めします。
- 非プログレッシブJPEGは、ファイルが小さい（サムネイルが小さい）場合はもう少し効率的ですが、節約量も小さいです。
- iOS SafariのベースラインJPEGの最大許容画像サイズはプログレッシブよりも高くなっていますが、そもそもモバイルに適したサイズの画像を提供するのが適切なソリューションです。
私の一般的な経験則：インターレースを使用しないでください。インターレース形式は通常、より多くのスペースを占有し、デコーダーで（わずかに）より複雑で、サポートが少なく、ユーザーエクスペリエンスに対する申し立てられた利点は少なくとも議論の余地があります。 PNG 、および general のいくつかの引数。
インターレース画像または「プログレッシブ」画像が好きな人もいますが、それらは徐々に読み込まれます。これらの形式の背後にある理論は、すべてのビットがロードされている間に、ユーザーが少なくとも画像のファジーフルサイズプロキシを見ることができるということです。実際には、すべてのビットがロードされている間、ユーザーはイメージのファジーフルサイズプロキシを強制的に見る必要があります。終わった？まあ、それはちょっとあいまいに見えます。ああ、画像の上部がもう少し詳細になっているようです。多分それは今やられている。それでも、まだあいまいです。写真家は三脚を使用していなかったのかもしれません。ああ待って、それは今晴れているようだ...
インターレース画像の効率はわずかに低下しますが、ネットワーク経由で転送されると、クライアント側で短い遅延後に表示されます。私見では、イメージの予想ダウンロード時間がユーザーに認識されるのに十分な長さ（たとえば、1秒以上）のときに使用する必要があります。ファイルサイズの違いは非常に小さいため、慎重になりすぎず、インターレースを少なすぎるよりも多すぎる方が良いでしょう。
2012年現在の一般的なブロードバンドインターネットでは、100 kbを超えるすべての画像に使用します。
これらのポイントは有用でなければなりません。
インターレース（より一般的には、プログレッシブ表示）は、モニターに画像を表示する方法です。いつそれを使用しますか？あなたの決定はこれらの要因に基づいているべきです：
•>非インターレース画像は、インターレース画像よりも小さくなります。
•>インターレース画像は、非インターレース画像よりもちらつきが少ない
•>インターレース画像は、はるかに簡単に表示できます。
インターレースを使用すると、すべてのデータが送信される前に画像を見ることができ（データがより高速で見栄えがよくなります）、ダウンロードの速度が速くなります。
ヒント：小さい画像にはインターレースは推奨されませんが、視聴者が低速接続を使用する場合は必須です
これは、私が理解するのに役立つと思ったYの回答からのコピーです。元の答えは次の場所にあります： https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8
引数に2ペンスを投げ込むために： Interlacing は、インターネットの速度が遅い数年前に導入されました。イメージは徐々に定義された方法で表示され、全体的なルックアンドフィールを与えます。全体がロードされるのを待たずにイメージに。
現在、インターレースは基本的に不要であり、転送される画像の全体的なサイズに基づいて使用する必要があります。
JPEG画像 画像でのプログレッシブスキャンは、全体のファイルサイズを縮小しようとしながら、より洗練された画像を提供します（つまり、画像を構成するビットのストリーミング方式ではなく、実際の圧縮モードです）。
PNGは GIF よりも より複雑なアルゴリズム を使用します。
ウェブマスターに関する興味深い関連記事があります
非常にそれは、それらがどのように使用されるかによって異なります。
この投稿は、プログレッシブ画像のサポートは限られていることを示唆しています。また、プログレッシブ形式をサポートしていないプラグインで問題が発生する場合があります。
お役に立てば幸いです。