web-dev-qa-db-ja.com

アップロードされた画像のサムネイルに使用する形式は何ですか?

ユーザーが画像をアップロードできるWebサイトで作業しています。画像の概要ページでの読み込み時間を短縮するために、アプリケーションはサイトにアップロードされるすべての画像のサムネイルを自動的に作成します。

現時点では、主にファイルを小さくするために、常にJPG形式でサムネイルを作成するように設定しています。ただし、このアプローチには少なくとも1つの欠点があります。JPGは透明度をサポートしていないため、ユーザーが透明度を使用するPNGファイルをアップロードすると、サムネイルが奇妙に見え、ユーザーがギャラリーで画像を見つけられない場合があります一目で。

そこで、この質問に至りました。サムネイルに元の画像と同じ形式を使用するだけではどうですか?そうすれば、サムネイルがユーザーがアップロードした画像に非常によく似ていることを確認できます。 (それについて考えると、アニメーションGIFもサポートできますが、それが良いアイデアかどうかはわかりません)。このアプローチの欠点は、ファイルサイズが大きくなり、サイトのユーザーエクスペリエンスが低下する可能性があることです。

この質問を書いているとき、2番目のアプローチが好まれるものと感じ始めていますが、他のウェブマスターに入力をお願いしたいと思っています。サムネイルに元の画像と同じ形式を使用したり、すべてのサムネイルに単純に固定画像形式を使用したりする他の技術的な理由は何ですか?

1
Jerry

サムネイルにも同じ形式を使用します。サイズ変更されたjpgとサイズ変更されたpng/gifの絶対的な違いは、とにかく重要ではありません。ただし、数字も考慮する必要があります。このようなpng/gifサムネイルをいつでも1つのページにいくつ表示しますか?数十または数百がある場合、オーバーヘッドが追加され、厳しい決定を下す必要があります。ただし、10パーセント未満に変換されるKbの数十個だけが余分にあれば、それほど心配する必要はありません。

1