ブラウザで完結する無料の画像比較ツール

2つの画像の異なる部分をハイライトやスワイプで簡単にチェックできます。

🖼️
1枚目の画像をドロップ
🖼️
2枚目の画像をドロップ

ピクセル単位の正確な差分チェック

Webデザインの修正確認や、UIのレグレッションテストに最適な画像比較ツールです。2枚の画像をブラウザに読み込ませると、ピクセル単位で重なり合う部分を計算し、異なる箇所を赤くハイライトします。

ハイライト表示のほか、スワイプで画像を切り替えたり、不透明度を変えて重ね合わせる(フェード)など、目的に応じた複数のプレビューモードを活用することで、視覚的な違いを直感的に発見できます。

許容値(トレランス)の調整によるノイズの除外

JPEGなどの非可逆圧縮フォーマットの画像を比較する場合、人間の目には同じに見えても、データ上はわずかな色の違い(圧縮アーティファクト)が生じていることがあります。

本ツールでは「許容値」の数値を調整することで、こうした微小なチャンネルの差異を差分として検出しないように設定できます。意図したデザインの変更点や、レイアウトのズレだけを正確にあぶり出すことが可能です。

セキュリティと画像サイズに関する注意点

すべての画像処理はJavaScriptを用いてユーザーのブラウザ内(クライアント側)で実行されます。サーバーへのアップロードは一切行われないため、公開前の機密性の高いデザインカンプやスクリーンショットも安全に比較できます。

なお、画像の縦横比や解像度が異なる場合、両方の画像が重なり合う領域のみが比較対象となります。重ならずにはみ出した領域については、すべて「差分(変更あり)」として判定される点にご注意ください。

よくある質問

許容値(トレランス)を変更するとどうなりますか?

許容値を上げると、人間の目には気づかないようなわずかな色の違い(JPEGの圧縮ノイズなど)を無視できます。純粋なデザインの変更箇所だけを確認したい場合に調整してください。

サイズの異なる2枚の画像を比較するとどうなりますか?

両方の画像が重なり合う領域のみを比較します。はみ出して重ならない部分のピクセルは、すべて「差分(変更あり)」として判定されます。

3枚以上の画像を同時に比較できますか?

いいえ、本ツールは2枚の画像の一対一の比較にのみ対応しています。複数の画像を確認したい場合は、2枚ずつ順番に読み込ませてご利用ください。

比較する画像はサーバーに保存されますか?

いいえ、画像は一切サーバーに送信されません。すべての比較処理はお使いの端末のブラウザ上で完結するため、機密情報を含む画像も安全に確認できます。

透過(アルファチャンネル)を含む画像は正しく比較できますか?

透過ピクセルも比較の対象になりますが、片方の画像のみが透過されている場合など、予期せぬ差分として検出されることがあります。正確な比較のためには、背景を不透明に塗りつぶした画像のご使用をおすすめします。

ツールの不具合や改善案はありますか。 フィードバックを送る