画像 比較
画像の比較ツールです。2枚の画像がどこで違うのかを、ピクセル単位で赤いマーク、変化した範囲の枠、割合で示します。画像を2枚選び、許容差を決めるだけ。処理はすべてお使いのブラウザ内で行われ、画像は送信されません。
計算方法
要点:このツールは2枚の画像を重ね、すべての画素を調べます。色(赤・緑・青)または透明度のどれかが許容差を超えて違えば、その画素は「変化した」と数えます。そこから、割合、赤いマーク、つながった変化範囲を囲む枠が作られます。
使い方
- 画像を2枚ドラッグするか、選択するか、Ctrl + V で貼り付けます。1枚目が画像A、2枚目が画像Bです。
- 表示を選びます。違いをマーク、スライダーで重ねる、差分画像の3種類です。
- 許容差でノイズを無視できます。JPGで保存した写真には小さな差が出るのが普通です。
- 必要なら比較画像をPNGで保存します。
表示の種類
- 違いをマーク:画像Aをグレーにして、変化した画素を赤、範囲を黄色の枠で表示します。間違い探しやスクリーンショットの比較に向いています。
- 重ねて比較:画像Bを画像Aの上に重ね、スライダーで境目を動かします。小さなズレが分かります。
- 差分画像:明るい画素ほど差が大きく、同じ部分は黒のままです。
正直な限界
- 比較はピクセル単位です。1ピクセルずれた画像はすべての場所が違うと判定されるため、レイアウトの比較や回転した写真には向きません。
- 画像のサイズが違う場合、画像Bは画像Aのサイズに引き伸ばされます。縦横比が違う場合は警告が出ます。
- 比較時には非常に大きな画像を800万画素に縮小します。ごく小さな違いは消えることがあります。
プライバシー
画像はお使いのブラウザ内だけで処理され、アップロードされません。
よくある質問
2枚の画像を比較して違いを見つけるには?
画像を2枚選び、「違いをマーク」のまま表示します。変化した場所が赤で、つながった範囲が黄色の枠で表示されます。割合は、違う画素の比率です。
許容差とは何ですか?
この値までの違いは数えません。JPGで保存したときに出るノイズを無視できます。0にすると、どんなに小さな違いも表示されます。
差分画像には何が表示されますか?
各画素の違いの大きさを4倍に強調して表示します。黒は同じ、明るい部分は変化した場所です。
サイズの違う画像も比較できますか?
できます。画像Bは画像Aのサイズに引き伸ばされます。縦横比が違う場合は、結果が参考程度になるため警告が表示されます。
間違い探しの違いはどう見つけますか?
両方の画像を読み込んで「違いをマーク」を選びます。変化のあるすべての範囲が黄色い枠で示されます。
画像はアップロードされますか?
いいえ。比較はすべてブラウザ内で行われ、画像が端末の外に出ることはありません。
出典・根拠
- Wikipedia – Image differencing (change detection)
- MDN – ImageData: pixel data of a canvas (RGBA, 8 bit)
- MDN – CSS clip-path (Überblenden-Regler)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
更新日: · 編集方針
関連ツール
- 重複写真を探して整理する重複写真を探して整理。同じ画像や似た写真をグループ化し、重複を印付けして、整理済みのZIPをダウンロードできます。写真は端末から外に出ず、アップロードも不要です。
- 画像変換:JPG・PNG・WebP・AVIF画像をアップロードせずに変換。PNGからJPG、JPGからPNG、WebPからJPG、HEICからJPG、AVIFへの変換に対応し、最大20枚を一括変換してZIPで保存できます。無料です。
- 画像サイズ変更(リサイズ)画像サイズ変更をブラウザで無料で。ピクセルや%で指定、縦横比を保持またはトリミング、最大20枚まで一括リサイズ。画像はアップロードされません。
- 写真加工サイト:オンライン写真編集写真加工サイト:ブラウザーで切り抜き、サイズ変更、回転、明るさ・コントラスト調整、フィルター、文字入れ。元に戻す操作にも対応し、JPG・PNG・WebPで保存。
- 画像の結合画像を結合するツール。2〜12枚の写真を横並び・縦並び・グリッドで1枚にまとめます。トリミングなし、余白と背景色も指定可能。ブラウザ内で処理、アップロード不要。
- テキスト比較(差分チェック)2つのテキストをWebで比較し、差分を行・単語・文字単位で表示する無料ツール。追加と削除を色と記号で示し、一致率も表示。データは送信されません。
- QRコード作成|無料・有効期限なしURL・Wi-Fi・連絡先(vCard)・メール・電話・SMSのQRコードを無料で作成。色を選んでPNGやSVGで保存できます。登録不要、有効期限もありません。
- メニュー表の作成メニュー表の作成ツール。料理と価格のリストから、見出し・説明・タイトル・アクセントカラーつきの印刷用PDFを作成します。無料で、登録もアップロードも不要です。
- ファイルの分割と結合大きなファイルを同じ大きさに分割(.001、.002…)したり、分割したファイルを1つに結合したりできます。ブラウザー内で処理するので無料で、アップロードも不要です。