どのイメージフォーマットが最も速くHTMLを読み込みますか？

サムネイルでビデオサイトを作成しています。ユーザーはビデオをアップロードし、サムネイルを選択して変換したり、自動的に生成したりすることができます。しかし、どの形式が最も高速に読み込まれているのでしょうか？すべてのサムネイルを同じ形式にしたい。私はサムネイルの品質があまりにも心配していないので、サムネイルを高速に読み込みたいと思っています。どのイメージフォーマットが最も速くHTMLを読み込みますか？

出典

2017-06-03 Seth Painter

データURIは間違いなく最速をロードします。ただし、HTMLファイルのサイズが大きく膨らんでしまいます。ファイル*タイプ*を最適化するのではなく、データを送信するときの適切な画像解像度とHTTP gzip圧縮に焦点を当てるべきです。また、負荷時間が気になる場合は、実用的なサーバーを使用して帯域幅を最大化してください。あなたは間違ったものに集中しています。 –

あなたはどんなイメージでも使用できます。 https://tinypng.com/を使用してその画像を圧縮する –

-1

JPGは他の形式よりも多くの画像を圧縮します。これにより、ファイルサイズが小さくなり、ロード時間が短縮されます。

出典

2017-06-03 05:22:02

-1

使用.PNGとCDN #CMIIWに入れ

出典

2017-06-03 05:24:22

.PNGファイル彼らはロードするために多くの時間がかかるを使用しないでください。最適化された.JPEGイメージを使用してみてください。多くのオンラインWebサイトで最適化して、サイトで使用することができます。あなたのHTMLに埋め込ま

例えばhttp://optimizilla.com/

出典