Сравните исходный файл со сжатым экспортированным файлом того же изображения.
Руководство по качеству сжатия
Сравните качество сжатия изображений
Практическое руководство по проверке сжатого экспорта по сравнению с оригиналом с использованием размера файла, визуального предварительного просмотра, SSIM, PSNR, RMSE и проверки артефактов.
Проверьте размер сохраненного файла вместе с видимым качеством, SSIM, PSNR, RMSE и изменением пикселей.
Осмотрите текст, лица, градиенты и края продукта, поскольку в этих областях быстро проявляются повреждения от сжатия.
Проверьте экономию и видимый компромисс
Сравнение качества сжатия изображений дает ответ на простой вопрос: сохранил ли файл меньшего размера достаточно видимых деталей?
Для полезной проверки нужны оба файла. Оригинал дает чистый эталон, а сжатый экспорт показывает, что изменилось после оптимизации.
Рабочий процесс
Последовательность проверки качества сжатия
Добавьте исходный файл
Используйте исходное изображение, экспорт дизайна или эталонную фотографию. Этот файл дает проверке качества чистую цель.
Добавьте сжатый экспорт
Используйте файл меньшего размера, который вы планируете опубликовать или отправить. Соответствие кадрирования и размера изображения облегчает чтение сравнения качества.
Запустите проверку качества
Просмотрите размер сохраненного файла, качество изображения, достоверность, SSIM, PSNR, RMSE и изменение пикселей.
Проверьте важные детали
Это ключевой шаг. Увеличьте текст, лица, края продукта, градиенты и плоский фон. В этих областях обнаруживаются повреждения, вызванные сжатием, прежде чем все изображение станет неправильным.
Сигналы
О чем говорит каждый результат
Размер файла сохранен
Визуальное качество
Дает быструю оценку качества для пары. Хороший результат обычно означает, что сжатый экспорт остается близким к оригиналу.
SSIM
Проверяет структуру. Это помогает с фотографиями, изображениями продуктов, скриншотами и макетами с четкими формами.
PSNR и RMSE
Суммируйте ошибку сигнала. Более высокий PSNR и более низкий RMSE обычно означают меньший ущерб от сжатия.
Средняя дельта RGB
Проверяет изменение цвета по шкале RGB 0–255. Используйте его, чтобы обнаружить изменения цвета, яркости и экспортированные изображения, из-за которых изображение выглядит тусклым или окрашенным.
Изменение пикселей
Выделяет области, цвет или яркость которых изменилась. Кластеры вокруг текста, краев и градиентов заслуживают более пристального внимания.
Примеры
Где обычно появляются повреждения от сжатия
Текст и значки
Ищите нечеткие буквы, сломанные края значков, цветные ореолы или маленькие штрихи, которые выглядят тоньше оригинала.
Лица и кожа
Проверьте глаза, волосы, текстуру кожи и мягкие тени. Сильное сжатие может сделать эти области восковыми или пятнистыми.
Края продукта
Осмотрите этикетки, углы упаковки, прозрачные края, украшения, ткань и все области, которые должны оставаться перешарпленными.
Градиенты и плоский цвет
Сжатие может создавать полосы, блочные узоры или крапинки на небе, стенах, тенях и простом фоне.
Руководство по принятию решений
Рекомендации
Оставить
Хорошее сохранение, чистый предварительный просмотр
Используйте сжатый файл, если экономия размера имеет смысл и важные области по-прежнему выглядят чистыми.
Пример: размер изображения продукта уменьшился с 1,8 МБ до 420 КБ, а этикетка, края и тень по-прежнему выглядят четкими.
Настроить
Хорошая экономия, видимый ущерб
Попробуйте экспортировать более высокое качество или другой формат, если при предварительном просмотре в важных областях видны артефакты.
Пример: экспорт в WebP экономит много места, но мелкий текст на упаковке становится мягким.
Отклонить
Маленькая экономия, низкое качество
Сохраните оригинал или экспортируйте еще раз, если файл почти не сжимается и визуальное качество падает.
Пример: фотография экономит всего 5 процентов, но текстура кожи и градиенты фона выглядят хуже.
Общие проверки
Результаты, требующие контекста
Размер изображения был изменен
Экспорт с измененным размером меняет больше, чем сжатие. Используйте совпадающие ширину, высоту и кадрирование, чтобы точнее оценить качество.
Формат изменился
JPEG, PNG и WebP создают разные артефакты. Переключение формата может объяснить большое изменение размера файла.
Изображение тоже отредактировано
Повышение резкости, изменение цвета, ретуширование или новый набор настроек экспорта могут снизить показатели. Проверьте предварительный просмотр, чтобы увидеть фактические видимые изменения.
Файл прозрачный
Прозрачные края могут быть чувствительными. Проверьте логотипы, вырезы, наклейки и значки с альфа-каналами.
Попробовать
Откройте инструмент качества сжатия.
FAQ
Сравните качество сжатия изображений
Что такое хороший результат качества сжатия?
Хороший результат предполагает значительную экономию размера файла и чистый предварительный просмотр в важных областях. Текст, лица, края продукта и градиенты по-прежнему должны выглядеть близко к оригиналу.
Стоит ли сравнивать экспорт JPEG, WebP и PNG?
Да. Разные форматы лучше подходят для разных изображений. JPEG часто подходит для фотографий, WebP часто дает значительную экономию, а PNG подходит для графики, прозрачности и резких краев.
Оба изображения должны быть одинакового размера?
Одинаковая ширина, высота и кадрирование дают наиболее четкий результат. Разные размеры по-прежнему можно проверять визуально, но оценка качества становится менее прямой.
В безопасности ли мои графические данные?
Да. Предварительный просмотр изображения и проверка качества выполняются локально в вашем браузере. Загрузка на сервер не требуется, поэтому данные вашего изображения остаются в активном сеансе браузера.