Как использовать средство проверки различий изображений

Используйте исходное изображение, предыдущий снимок экрана или референсный экспорт в качестве базового изображения. Четкий базовый вариант облегчает обнаружение изменений количества пикселей.

Используйте новый снимок экрана, отредактированную фотографию, оптимизированное изображение или экспортированный вариант в качестве измененного изображения. Несовпадающие размеры требуют проверки выравнивания перед проверкой показателей.

Выделение Diff отмечает измененные области и заполняет карточки показателей. Представления «Слайдер», «Бок о бок» и «Наложение» проверяют выделенный результат в визуальном контексте.

Более низкие пороги улавливают незначительные изменения. Более высокие пороги игнорируют шум сжатия, незначительные изменения освещения и сглаживание. Обновите разницу после изменения порога.

Строгие проверки пользовательского интерфейса

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

• Надпись на кнопке изменена с «Сохранить» на «Применить».

• Значок немного сместился, исчезла тонкая рамка или изменился интервал между текстом.

Это значение также может улавливать крошечный шум рендеринга вокруг текста и краев.

Мелкая детализация фотографий

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

• Тень изделия стала мягче, ретушь лица удалила небольшой след или изменилась фактура ткани.

• Фотография выглядит почти так же, но были отредактированы блики, отражения или цветовые пятна.

Хорошо для внимательного рассмотрения.

Сбалансированное значение по умолчанию

Для большинства сравнений начните с 32.

• Скриншот целевой страницы содержит как текст, так и фотографии.

• Изображение продукта было снова экспортировано, или предварительный просмотр из другого инструмента требует быстрой проверки.

Установите значение ниже для более строгих проверок и выше для файлов с большим шумом.

Основные видимые изменения

Попробуйте 64, чтобы сосредоточиться на очевидных изменениях.

• Был заменен фон, перемещен объект, изменена обрезка или появился сильный цветовой сдвиг.

• Экспорт в JPEG или WebP имеет небольшой шум, но в обзоре учитываются только изменения, которые люди быстро замечают.

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

Число сопоставимых пикселей холста, превышающее текущий порог. Значение сильно зависит от порога и выравнивания.

Измененные пиксели, разделенные на все сопоставимые пиксели. Это помогает сравнить два прогона с разными размерами изображения или областями обрезки.

Средняя абсолютная разница каналов RGB. Здесь могут проявляться значительные изменения цвета или яркости даже при небольшом проценте измененной области.

Среднеквадратическая ошибка RGB. Более крупные локальные различия влияют на RMSE сильнее, чем небольшие разбросанные различия.

Пиковое соотношение сигнал/шум. Более высокий PSNR обычно означает, что изображения ближе по сигналу RGB; более низкий PSNR означает более видимую или измеримую ошибку.

Сдвиг на 1 пиксель может осветить многие области, даже если изображение выглядит практически идентично. Откройте Наложение и проверьте, совпадают ли основные края.

Разная ширина или высота делают сравнение менее прямым. Используйте визуальные представления, чтобы найти видимые изменения, а затем обрезайте или экспортируйте соответствующие размеры для более точных показателей.

Экспорт в JPEG и WebP часто добавляет крошечные крапинки по плоскому цвету и краям. Поднимите порог, если отзыв касается видимых изменений.

Шрифты, значки и края векторов могут располагаться в несколько разных пикселях после изменения браузера, шрифта или экспорта. Используйте низкий порог для проверки качества скриншотов, затем проверьте выделенную область на глаз.