画像を比較
変更前と変更後の画像を追加してください。スライダー、並べて表示、フェード、または変化したピクセルを赤で示す差分表示で比較できます。
無料です。ブラウザ内で動作し、ファイルはアップロードされません。
変更前画像
画像を1枚または2枚まとめてドロップしてください。
変更後画像
変更後のバージョンをドロップしてください。
ブラウザ内で動作します。ファイルはこの端末で処理され、アップロードされません。
2つの画像を比較する方法
画像を2つ追加
変更前の画像を先に選択し、次に変更後の画像を選択します。「入れ替え」を選択すると順序が逆になります。
表示形式を選択
「スライダー」「並べて表示」「フェード」「差分」から選択します。表示は即座に切り替わります。
変更を確認
スライダーをドラッグするか、フェードの不透明度を設定します。差分表示では、変化したピクセルの数と範囲を確認できます。
比較結果を保存
「PNG をダウンロード」を選択すると、現在の表示を comparison.png として保存します。
どの表示で変更が最もよくわかりますか？
| 表示 | 内容 | 向いている用途 |
|---|---|---|
| スライダー | 移動可能な線の左に変更前、右に変更後を表示 | レイアウトや色の変更 |
| 並べて表示 | 2つの画像を横に並べて表示 | レビューや報告書 |
| フェード | 変更後の画像を、設定した不透明度で変更前の画像に重ねて表示 | わずかな位置のずれ |
| 差分 | 薄いグレーの画像上に、変化したピクセルを赤で表示 | 変化したピクセルをすべて確認 |
よくある質問
差分表示では、どのようにピクセルの変化を判定しますか？
いずれかの色チャンネルが10%（255階調中約26）を超えて異なる場合、そのピクセルは変化したものとして扱います。わずかな圧縮ノイズは無視されます。
画像のサイズが異なる場合はどうなりますか？
初期設定では、変更後の画像を変更前の画像の幅に合わせて拡大縮小します。拡大縮小せずにピクセル単位で比較するには「実寸」を選択してください。
画像はアップロードされますか？
いいえ。比較はブラウザ内で行われ、両方の画像はお使いの端末内に残ります。
ダウンロードには何が含まれますか？
画面に表示されているビューを原寸で保存します。並べて表示の場合、幅は変更前の画像の2倍になります。
関連する無料ツール
Webページの変更前後の画像を揃えて撮影しますか？
Temposhot は、Mac 上で同じ設定を使って URL のリストを撮影するため、変更前と変更後の画像の位置が揃います。
Free download. Apple Silicon, macOS 14 or later.