Перейти к основному содержимому
Develop Tools

Инструмент сравнения различий изображений

Сравните два изображения тремя способами: рядом, наложением и разницей в пикселях.

Выбранные изображения и результаты сравнения обрабатываются только в браузере и не отправляются и не сохраняются на сервер.

Изображения для сравнения

Левая сторона (эталонное изображение)

Выберите или перетащите изображение PNG, JPEG, WebP, GIF, BMP, SVG и т. д.

Правая сторона (сравнительное изображение)

Выберите или перетащите изображение PNG, JPEG, WebP, GIF, BMP, SVG и т. д.

Результаты сравнения

Метод отображения
Пожалуйста, выберите 2 изображения Когда изображения будут загружены, они будут сравниваться автоматически.

Об этом инструменте

Вы можете сравнивать снимки экрана, дизайны, изображения до и после конвертации, а также проверять изменения и различия, которые трудно заметить визуально.

Возможности

  • Такие изображения, как PNG, JPEG, WebP, GIF, BMP и SVG, которые могут отображаться в браузере.
  • Отображение слева и справа, наложение с прозрачностью, разница пикселей с порогом, сохранение изображения разницы

Как пользоваться

  1. Выберите эталонное изображение и изображение для сравнения или добавьте два сразу.
  2. Выберите метод отображения: отображение слева направо, перекрытие или разница в пикселях.
  3. Проверьте коэффициент разницы и разницу цветов и при необходимости сохраните изображение разницы.

Ограничения

  • Анимированные изображения сравнивают один кадр, декодированный браузером.
  • Изображения с очень высоким разрешением могут быть невозможны для сравнения из-за ограничений памяти устройства или браузера.

Конфиденциальность: Выбранные файлы и результаты преобразования/анализа обрабатываются в браузере и не отправляются и не сохраняются на сервере инструментов разработки.