Javascriptで同じイメージの異なるサイズを比較します

Question

私は同じイメージの3つの異なるサイズを作成しました。そして、image0_thumbnail.webp、image0_medium.webp、image0_original.webpのような名前を付けました。

ユーザーがこれらの画像をアップロードします。私は同じ名前の別のイメージを選択したくない（おそらく別のディレクトリから）。

これを行う場合、同じイメージのこれらの異なるサイズを比較し、それらがすべて同じイメージかどうかをチェックし、エラーをそれぞれ表示します。

私はこのCompare two Images in JavaScriptを見つけましたが、同じサイズの画像です。私はJavascriptで解決策を探しています。助けてください

ありがとうございます。

Answer 1

たとえば、画像を比較するのにResemble.jsを使用すると、このライブラリはファイル、画像、および画像データを比較できます。 あなたは運があります、このlibにはプロパティscaleToSameSizeがあります。

resemble(image1).compareTo(image2).scaleToSameSize().onComplete(function(data){ 
     console.log(data.misMatchPercentage) 
}); 

1. JS内のファイルを読み込み、1秒未満です。
2. ファイルをイメージに変換してメモリに読み込むのに時間がかかりますが、もう2秒です。
3. サイズ変更に時間がかからない（すべてのデータが既にメモリに読み込まれているため）。
4. 画像を比較する時間はかかりません（すべてのデータはすでにメモリに読み込まれているため）。