Javascriptを使用してJPEGからサムネイルを抽出しますか？

Question

多くのカメラがJPEGとRAW画像にサムネイルを入れています。 いくつかの画像を自動読み込みしてサムネイルのみを表示したい場合や、サムネイル部分のみを自動読み込みして高速化したい場合があります。

Javascriptでこれを行う方法はありますか？

ありがとうございました。

Answer 1

あなたは、ブラウザでこれを行うにしたいと述べてきたので、あなたが言うとき：

...または、いっその自動ロードの速度のための唯一のサムネイル部分を。

サムネイルを作成する前に、まずイメージ全体をダウンロードする必要があるため、このクライアント側ではスピードを上げることはできません。

あなただけimg要素を作成し、より小さなものにそのwidthとheightを設定することにより、検索された画像のサムネイルをを作成することができます。ブラウザがデフォルトで行うことは、イメージを縮小することです（必ずしもきれいではありません）。

例：私は、彼らがすべてのなら、それは頻繁にサムネイルと、それは便利です（一定の幅と高さに力画像にapprpropriateだと仮定しましたあり

var img = document.createElement('img'); 
img.src = "your image url here"; 
img.style.width = "32px";  // Change as appropriate 
img.style.height = "32px";  // Change as appropriate 
document.body.appendChild(img); // Or append to some other container element 

Live copy

同じサイズですが、上記はアスペクト比が混乱します）。

％（25％）でサイズを変更したい場合は、それを行うことはできますが、もっと複雑です：画像を作成し、画面外に読み込む必要があります（これはさまざまな方法があります）。負荷が完了するのを待ってから、計算を実行します。

---

サーバーを実行している場合は、画像を前処理してサムネイルを作成することができます。たとえば、ImageMagickは、そのサーバー側で役に立ちます。