toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

Image Difference Heatmap

Compare two same-size images and export a visible difference map.

Tool inputs stay in your browser · optional AI search sends your query

Loading tool…

Good to know: Works locally in your browser with JPG, PNG and WebP. No images are sent to the server. Maximum 10 MB per file, 8 megapixels and 4096 pixels per side. Up to two images only for comparison; other tools use one. Outputs have the same pixel size unless the tool explicitly changes it. Static images only; animation and original metadata are not preserved. Keep your original files.

How to use it (step by step)

  1. 1Choose exactly two images with the same pixel dimensions.
  2. 2Set a tolerance if small compression differences should be ignored.
  3. 3Create and download the map: dark means unchanged, colored means changed. This is pixel comparison, not semantic AI analysis.

Words to know

EXIF / metadata
Hidden information stored inside a photo: camera, date and sometimes the exact place it was taken.
Resolution / pixels
A picture is made of tiny dots called pixels. 1080×1920 means 1,080 dots wide and 1,920 tall.
JPG, PNG, WebP
Picture file types. JPG is best for photos, PNG for graphics and see-through backgrounds, WebP is newer and smaller.
Data storage units
Sizes of digital files: 1 KB ≈ a short text, 1 MB ≈ a photo, 1 GB ≈ a movie. 1 GB = 1,000 MB (or 1,024 in computer counting).

More in Design & Color

CSS Box Shadow GeneratorCreate a CSS box-shadow from offsets, blur and opacity.Fluid Typography CSS Clamp GeneratorInterpolate font size between two viewport widths.SVG Placeholder Image GeneratorGenerate an escaped placeholder SVG with dimensions and label.Color Harmony Palette GeneratorGenerate complementary and analogous HSL colors from a hex base.Color Blend CalculatorMix two hex colors at a chosen proportion.Print Size & DPI CalculatorFind print dimensions from pixel size and desired DPI.