プライベートブラウザベースの画像の差分

画像比較＆差分チェッカー

2 つの画像を並べて比較したり、重ね合わせたり、スクリーンショットのレビュー、デザインの QA、視覚的な回帰チェックのためにピクセル レベルの違いを強調表示したりできます。

画像のアップロードはありませんWorker-based local analysisJPG · PNG · WebP · AVIF · GIF · BMP

A

Original / Version A

B

Revised / Version B

仕組み

3 つのステップで画像の違いを見つけます

Add two image versions, choose a comparison mode, and tune sensitivity to quickly locate changed areas.

  1. 01

    2 つのバージョンを追加

    ファイルをドロップするか、デバイスを参照して、元のイメージと修正されたイメージを選択します。

  2. 02

    Choose a compare mode

    サイドバイサイド、オーバーレイ、または差分ヒートマップを使用して変更を検査します。

  3. 03

    検索してエクスポートする

    感度を調整し、変更された領域を確認し、差分画像をダウンロードします。

Supported formats and modes

Accepts JPG, JPEG, PNG, WebP, AVIF, GIF, and BMP. Different dimensions are drawn onto Version A’s comparison canvas; originals are never uploaded.

JPGPNGWebPAVIFGIFBMP

一般的な使用例

  • Website and app screenshot regression
  • Design, poster, and export QA
  • Checking image quality after compression or conversion
  • Reviewing scanned document versions

FAQ

よくある質問

How should I set difference sensitivity?

The default value of 8 works well for most screenshots. Lower values catch subtle color changes; higher values help ignore compression noise.

Can I compare images with different dimensions?

Yes. Version B is drawn into Version A’s dimensions and the page tells you when alignment was applied. For strict pixel regression, use matching dimensions first.

Are my images uploaded or saved?

No. Files are read through browser object URLs, and analysis plus diff generation happen on this device. Temporary URLs are released when you leave the page.

Why does this page not use FFmpeg or MediaBunny?

This is a pixel comparison task, not video container or audio/video encoding. Canvas plus a Worker is lighter and better suited to comparing images in the browser.

Can I download the difference image?

Yes. After analysis, choose Download diff image to export a PNG heatmap. Your two source images remain unchanged.

画像はデバイス上に残ります

Image decoding, alignment, pixel analysis, and diff rendering all happen in your browser. The pixel loop runs in a Worker so large images do not block the interface.

関連ツールとガイド

画像ワークフローを継続する

Compare first, then compress, inspect metadata, or make a screenshot safer to share.

画像メタデータ ビューアおよびリムーバー

Inspect EXIF, GPS, camera, dates, orientation, ICC, and XMP data, export JSON reports, then remove image metadata in your browser. Batch process JPG, TIFF, PNG, HEIC, AVIF, and WebP files privately.

ツールを開く

画像カラー抽出ツール

Extract a dominant color palette from any image, pick exact colors from the preview, and copy HEX, RGB, HSL, or CSS variables. Supports JPG, PNG, WebP, AVIF, GIF, and BMP with private in-browser processing.

ツールを開く

画像をクロップ

画像を任意のサイズまたはアスペクト比にトリミングします。プリセットの選択、トリミング領域の調整、結果のダウンロードをすべてブラウザーで実行できます。

ツールを開く

画像圧縮

MozJPEG、OxiPNG、libwebpを使って、JPG、PNG、WebPをブラウザ上で圧縮します。

ツールを開く

How to blur sensitive details in an image

Learn how to check and hide faces, plates, messages, and account details before sharing a screenshot.

ガイドを読む