ToolCabana

Проверка различий пикселей

Подсвечивает изменённые пиксели с настраиваемым порогом.

Favorites are saved in this browser. Find them in My favorites.

Проверка различий пикселей

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.

Drop your files here

or choose files from your device

Как использовать Проверка различий пикселей

The Image pixel difference checker compares two images with identical pixel dimensions and returns a PNG map where changed pixels are highlighted in a strong pink and unchanged pixels appear light gray. It also reports how many pixels changed and what percentage of the image that is. A threshold from 0 to 255 controls how large a change must be to count.

  1. Выберите исходный файл. Если инструмент принимает несколько файлов, расположите их в нужном порядке.
  2. Задайте порог различия (0–255).
  3. Запустите «Проверку различий пикселей», просмотрите результат и используйте доступные элементы копирования или скачивания.

Что поддерживает этот инструмент

Подсвечивает изменённые пиксели с настраиваемым порогом.

Порог различия (0–255)
Range: 0 to 255

Ограничения и обработка

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.

Частые вопросы

How does the difference threshold work?

For each pixel, the checker finds the largest absolute difference across the red, green, blue and alpha channels. A pixel is marked as changed only when that difference is greater than the threshold. 0 flags any change at all, while the default of 20 ignores small compression noise.

Why do my images need the same dimensions?

Pixels are compared one to one at the same coordinates, so both images must have exactly the same width and height. If they differ, the tool returns an error rather than resizing, because scaling would itself change pixels.

Can I use this for visual regression testing of screenshots?

Yes, as a manual check. Export two screenshots at the same size, compare them and review the highlighted map and the changed-pixel percentage. Raising the threshold helps ignore antialiasing differences, but the result is a visual report rather than a pass or fail test.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.