Изображения и фотографии · Конвертер изображений и компрессор
Как проверить сжатое изображение на наличие артефактов перед его публикацией
· Почему это важно
качество изображения сжатие изображений издательский
Файл меньшего размера — это только выигрыш, если никто не видит повреждений, а миниатюры скрывают почти все. В этом посте описывается краткая процедура проверки сжатых изображений и артефакты, которые обычно создает каждый формат.
Баннер, который выглядел нормально, пока кто-то не увеличил масштаб — проблема с оценкой сжатия по предварительному просмотру.
Баннер может выглядеть приемлемо при узком предварительном просмотре и показывать ореолы или грубые пятна при открытии в полном разрешении. Масштабирование предварительного просмотра смешивает соседние пиксели и может скрыть повреждения. Панель первых результатов ToolAcre полезна для ориентации, но редакционное одобрение должно включать загруженный файл в программе просмотра, поддерживающей масштабирование и интерполяцию.
Не ждите, пока актив будет запущен в производство, чтобы обнаружить проблему. Определите этап проверки помимо проверки байтового бюджета и проверки доступности. Лицо, утверждающее качество, должно знать предполагаемые размеры дисплея, поскольку артефакт, невидимый на миниатюре, может доминировать над обрезанным героем рабочего стола или последующим повторным использованием в социальных сетях.
Просмотр на уровне 100 процентов, а не «по размеру экрана» — почему масштабированные предварительные просмотры сглаживают блокировку и звонки
При 100 процентах один пиксель изображения сопоставляется с одним пикселем дисплея в обычном средстве просмотра. Это устраняет сглаживание по размеру окна с первого прохода и упрощает сравнение соседних кандидатов. Отображение высокой плотности и масштабирование браузера могут усложнить буквальное сопоставление, поэтому запишите средство просмотра и используйте одни и те же настройки для оригинала и выходных данных.
Обзор нативного размера — не единственный важный вид. Следуйте за ним с фактическим макетом, поскольку повторная выборка при доставке может раскрыть или скрыть различные детали. Две проверки отвечают на разные вопросы: что кодирование сделало с файлом и что увидит читатель после того, как страница его отобразит?
Куда смотреть в первую очередь — высококонтрастные края, плавные градиенты, кожа, небо и насыщенный текст
Осмотрите высококонтрастные края, плавные градиенты, текстуру кожи, волосы, листву, тени и насыщенный текст. Каждый регион по-разному нагружает кодировщик. Одна центральная рамка может не заметить поврежденный логотип в углу или полосу на небе. Используйте короткий повторяемый маршрут по изображению, чтобы рецензенты могли изучить эквивалентные области.
Включите прозрачность и матовые края, где это применимо. JPEG выравнивает альфа-канал по выбранному фону; WebP и PNG могут сохранить его в рамках модели формата ToolAcre. Чистый фотографический центр не освобождает от бахромы вокруг выреза изделия. Критерии одобрения должны соответствовать цели изображения, а не тому, какая область выглядит лучше всего.
Распознавание каждого артефакта — блокировка, звон, полосатость и растекание цвета, а также формат и настройки, вызывающие каждый из них.
Видимые симптомы могут включать в себя блочные области, звон возле резких границ, ступенчатые градиенты или растекание цвета вокруг насыщенных деталей. Кодировщик браузера является черным ящиком для этого приложения, поэтому сообщайте о том, что вы наблюдаете, а не заявляйте, что это вызвано конкретной скрытой таблицей или режимом субдискретизации. Файл, настройки и обрезка предоставляют воспроизводимые доказательства.
Также отличайте размытие передискретизации от артефактов кодирования. Сохраняйте размеры постоянными во время первого сравнения качества. Если мягкость появляется только после изменения размера, релевантной переменной является геометрия. Если он растет по мере уменьшения качества с потерями при фиксированных размерах, это связано с настройками кодировщика. Контролируемые сравнения не позволяют ошибочно назвать каждый недостаток «сжатием».
Называйте наблюдаемые артефакты без указания недокументированных внутренних компонентов кодировщика или фиксированных причин формата.
Переключайтесь между оригиналом и кандидатом с одинаковым масштабом и положением окна просмотра. Избегайте размещения рядом друг с другом панелей с разным масштабом, поскольку меньший дисплей может выглядеть чище, просто скрывая детали. ToolAcre сообщает об измеренных байтах, но меньшее число является контекстом, а не вердиктом. Файл, который не прошел проверку, имеет слишком дорогое качество, несмотря на экономию.
Ведите записи о том, где различие впервые стало нежелательным. «Край крыши у верхних правых колец» активен; «выглядит плохо» трудно воспроизвести. Второй рецензент может затем проверить то же место и решить, сохранится ли проблема при предполагаемом размере экрана. Это превращает вкус в ограниченное редакционное решение, не придумывая объективную оценку.
Рабочий пример: фотография продукта, сжатая по трем параметрам: найти место, где появляются артефакты, и отступить на одну ступень назад.
Выберите одну репрезентативную фотографию продукта и экспортируйте три кандидата из нетронутого оригинала с четко разделенными настройками качества. Не используйте одного кандидата в качестве источника для следующего. Сохраняйте формат и размеры постоянными, называйте файлы с их настройками и записывайте фактические байты каждого преобразования.
Проверьте запланированные регионы на уровне 100 процентов, начиная с наиболее сжатого кандидата. Когда повреждение станет неприемлемым, перейдите к следующему менее агрессивному файлу и повторите. Утвердите первого кандидата, который пройдет все критические регионы, а затем проверьте его в компоненте сайта. Этот метод не имеет универсального показателя качества, поскольку содержимое изображения и вывод браузера различаются.
Работающий метод с тремя настройками и не придуманным порогом качества
Автоматизированные метрики могут поддерживать большие конвейеры, но ToolAcre их не вычисляет. Он также не может компенсировать калибровку монитора, повышение резкости изображения или систему управления контентом, которая позже повторно сжимает загружаемую информацию. Эти переменные относятся к более широкому обеспечению качества публикаций и не должны скрываться за одобрением на местном уровне.
Эта процедура проверки намеренно выполняется человеком и зависит от файла. Он выявляет очевидный ущерб еще до публикации и создает оправданный выбор среди местных кандидатов. Для регламентированного анализа изображений или анализа на уровне пикселей используйте проверку для конкретной области, а не редакционную визуальную проверку.
Вывод: проверьте, затем отправьте — как быстро выполнять итерации в Image Converter & Compressor, потому что ничего не загружается и каждая попытка является локальной
Осмотрите, затем отправьте. Преобразователь сокращает итерацию, поскольку каждая попытка выполняется на вкладке, а результат можно сразу измерить, но скорость не устраняет контрольные ворота. Хорошо названный набор кандидатов и последовательный маршрут в натуральном размере более надежны, чем доверие к миниатюре предварительного просмотра.
Сохраните оригинал и утвержденный рецепт. Если для нового макета требуются другие размеры, повторно сгенерируйте и проверьте его, а не растягивайте или повторно сжимайте опубликованную производную версию. Контроль качества — это не разовое заявление об исходном изображении; это применяется к каждому отдельному файлу доставки.