Счётчик экономии не показывает, заметит ли человек дефект на фотографии. После сжатия стоит посмотреть на изображение как посетитель: в привычном размере, на светлом и тёмном фоне, с вниманием к тем деталям, ради которых файл был опубликован.
Сравнивайте в реальном масштабе
Откройте исходник и сжатую версию рядом при масштабе 100 %. На фотографиях посмотрите лица, мелкие текстуры и плавные градиенты; на графике — края букв, тонкие линии и прозрачный фон. Сравнение только по цифре экономии может скрыть заметные артефакты.
Сравнивать лучше файлы одинакового размера в пикселях: иначе уменьшение разрешения легко принять за результат более сильного сжатия. Выберите несколько характерных фрагментов и оцените их при одинаковом масштабе. Для страницы с изображением героя дополнительно посмотрите, как результат выглядит именно в том блоке и на том фоне, где его увидит посетитель.
Разделите задачи по типам
Фотография, скриншот интерфейса и логотип ведут себя по-разному. JPEG и WebP часто подходят фотографиям, PNG удобен для графики с прозрачностью. Если изображение содержит текст, обязательно проверьте читаемость после сжатия. Для прозрачного файла убедитесь, что фон не стал непрозрачным.
Для схемы с цветными подписями важнее чёткие границы и читаемость, чем максимальная экономия байтов. Для фотографии товара проверьте фактуру, оттенки и мелкие детали, которые помогают рассмотреть предмет. Прозрачную иконку откройте на светлом и тёмном фоне: так проще заметить ореол по краю. Если один формат портит важную деталь, сохраните другой вариант, даже если он немного тяжелее.
Что проверять в первую очередь
- ФотографияФактуру, лица и переходы цвета при одинаковом масштабе.
- СкриншотМелкие подписи, тонкие линии и контрастные края.
- ЛоготипПрозрачность и ореолы на светлом и тёмном фоне.
Проверьте метаданные и права
Встроенные EXIF/IPTC-метаданные могут исчезнуть из результата API-сжатия. Если сведения об авторстве или условиях использования должны сохраняться, не полагайтесь только на метаданные файла: укажите их на странице и в системе учёта. В ANK Image Compress исходные байты сохраняются отдельно до замены, поэтому метаданные остаются в оригинале.
Если камера записала ориентацию кадра только в EXIF, после обработки проверьте, не повернулось ли изображение на опубликованной странице. Для материалов с обязательной атрибуцией храните сведения об авторе в карточке файла или рядом с публикацией. Перед заменой логотипов, сертификатов и других чувствительных материалов отдельно убедитесь, что исходник доступен для восстановления.
Сделайте пробу и предусмотрите откат
Перед обработкой всей медиатеки пройдите небольшую пробу с возможностью восстановления.
Выберите несколько характерных файлов, сожмите их и откройте страницы сайта на разных экранах. Проверьте, не появилось ли ошибок из-за кэша браузера или CDN. Если качество не подходит, найдите запись в таблице плагина и нажмите «Восстановить исходник». Плагин не заменит файл, если не смог безопасно сохранить оригинал.
Проверку отката проведите до массовой обработки, а не после жалобы пользователя. Зафиксируйте URL и вес пробного файла, восстановите оригинал, очистите кэш страницы и проверьте загруженные байты в браузере. Если результат не совпадает с исходником, остановите обработку и разберите причину на одном файле. Так ошибка не распространится на всю медиатеку.
Разберём на примере
Возьмите скриншот с мелкими подписями и фотографию с плавным небом. На скриншоте проверьте буквы и тонкие линии, на фотографии — переходы цвета. Затем откройте результат на телефоне и мониторе. Если текст поплыл, более маленький файл не стал лучшим результатом.
Проверьте перед публикацией
- Сравните исходник и результат при 100 % масштабе.
- Проверьте прозрачность, текст и важные метаданные отдельно.
- До массовой обработки испытайте восстановление исходника.
Что дальше
Проверяйте не только вес, но и готовую страницу: сжатие должно помогать посетителю, сохраняя нужное качество изображения.