A
Разница между изображениями в частном браузере
Сравнение изображений и проверка различий
Сравните два изображения рядом, наложите их друг на друга или выделите различия на уровне пикселей для просмотра снимков экрана, контроля качества дизайна и проверки визуальной регрессии.
Нет загрузки изображенийЛокальный анализ на уровне работниковJPG · PNG · WebP · AVIF · GIF · BMP
B
Revised / Version B
Как это работает
Найдите различия в изображениях за три шага
Добавьте две версии изображения, выберите режим сравнения и настройте чувствительность, чтобы быстро находить измененные области.
- 01
Добавьте две версии
Выберите исходное и исправленное изображение, перетащив файлы или просмотрев свое устройство.
- 02
Выберите режим сравнения
Используйте тепловую карту бок о бок, наложение или разницу для проверки изменений.
- 03
Locate and export
Настройте чувствительность, просмотрите измененную область и загрузите изображение различий.
Поддерживаемые форматы и режимы
Accepts JPG, JPEG, PNG, WebP, AVIF, GIF, and BMP. Different dimensions are drawn onto Version A’s comparison canvas; originals are never uploaded.
JPGPNGWebPAVIFGIFBMP
Распространенные случаи использования
- Регрессия скриншотов веб-сайта и приложения
- Design, poster, and export QA
- Проверка качества изображения после сжатия или преобразования
- Просмотр отсканированных версий документов
FAQ
Часто задаваемые вопросы
Как мне установить разностную чувствительность?
The default value of 8 works well for most screenshots. Lower values catch subtle color changes; higher values help ignore compression noise.
Могу ли я сравнивать изображения разных размеров?
Да. Версия B отображается по размерам версии A, и на странице указывается, когда было применено выравнивание. Для строгой пиксельной регрессии сначала используйте соответствующие размеры.
Мои изображения загружены или сохранены?
Нет. Файлы считываются через URL-адреса объектов браузера, а анализ и создание различий происходит на этом устройстве. Временные URL-адреса освобождаются, когда вы покидаете страницу.
Почему эта страница не использует FFmpeg или MediaBunny?
Это задача сравнения пикселей, а не видеоконтейнера или кодирования аудио/видео. Canvas plus a Worker легче и лучше подходит для сравнения изображений в браузере.
Могу ли я скачать изображение разницы?
Yes. After analysis, choose Download diff image to export a PNG heatmap. Your two source images remain unchanged.
Ваши изображения остаются на вашем устройстве
Декодирование изображений, выравнивание, анализ пикселей и рендеринг различий — все это происходит в вашем браузере. Пиксельный цикл выполняется в Worker, поэтому большие изображения не блокируют интерфейс.
Сопутствующие инструменты и руководства
Продолжите работу с изображениями
Сначала сравните, затем сожмите, проверьте метаданные или сделайте снимок экрана более безопасным для обмена.
Image Metadata Viewer & Remover
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.
Открыть инструментImage Color Extractor
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.
Открыть инструментImage Cropper
Crop images to any size or aspect ratio. Choose a preset, adjust the crop area, and download the result — all in your browser.
Открыть инструментСжать изображение
Сжимайте изображения JPG, PNG и WebP с помощью превосходных кодеков WASM. MozJPEG, OxiPNG и libwebp — файлы размером до 75 % меньше.
Открыть инструментКак размыть чувствительные детали на изображении
Узнайте, как проверять и скрывать лица, номера, сообщения и данные учетной записи, прежде чем поделиться снимком экрана.
Читать руководство