Изображения и фотографии · Конвертер изображений и компрессор
Почему качество 80 в WebP и качество 80 в JPEG не одно и то же
· Как это работает
форматы изображений качество изображения веб-сайт
Ползунки качества выглядят универсальными, но их число соответствует квантованию, специфичному для кодера, и в каждом формате означает что-то свое. В этом посте объясняется, что на самом деле устанавливает значение качества, почему 80 не является 80 и как честно сравнивать форматы.
Два файла, один и тот же слайдер, разные результаты — разработчики несовпадения отмечают, когда меняют форматы, но сохраняют число
Выбор 80 для JPEG и 80 для WebP выравнивает два элемента управления, а не два визуальных результата. ToolAcre передает одно и то же нормализованное число в разные режимы кодирования браузера, и каждый формат создает свои собственные байты. Разработчик, который меняет расширение, сохраняя при этом ползунок, одновременно меняет формат и кодировщик, поэтому равные входные данные не могут установить равный ущерб или равный размер.
Панель избегает делать вид, что это не так, измеряя закодированный Blob. Используйте эти фактические байты до и после как один результат и проверьте изображение как другой. Если для рабочего процесса сайта необходимо выбрать значение по умолчанию, протестируйте репрезентативные фотографии, графику и прозрачность, а не рассматривайте общий масштаб как межформатную калибровку.
Что на самом деле контролирует число качества — коэффициент масштабирования, применяемый к таблицам квантования кодера, а не процент от чего-либо измеримого
В рабочей тетради качество называется коэффициентом масштабирования по сравнению с таблицами квантования. Этот уровень детализации кодировщика не реализован и не отображается в этом репозитории. `clampQuality` просто преобразует процент пользовательского интерфейса в конечное число между 0.01 и 1, а `encodeCanvas` передает его браузеру. Ни таблица, ни коэффициент, ни процент сохраненной информации не возвращаются.
Эта коррекция предотвращает появление вводящей в заблуждение ментальной модели. Восемьдесят не означает восемьдесят процентов детализации источника, восьмидесяти процентов целевого размера файла или оценки, сопоставимой в разных браузерах. Это параметр запроса, действие которого можно узнать только из созданного файла. Таким образом, самым убедительным доказательством ToolAcre являются выходные байты плюс визуальный осмотр, а не формула вокруг ползунка.
Качество — это непрозрачные входные данные браузера-кодировщика, а не масштаб таблицы, определенный репозиторием.
JPEG и WebP имеют отдельные типы MIME и отдельные записи в таблице форматов. Оба имеют пометку с потерями, оба принимают качество, и WebP сохраняет альфа-канал, а JPEG — нет. Помимо этих фактов о продукте, сопоставления, специфичные для браузера, остаются скрытыми. Приложение не утверждает идентичные кривые, таблицы квантования или поведение восприятия для одного целого числа.
Один и тот же браузер может также совершенствовать свои кодировщики между выпусками, в то время как другая платформа может создавать файл, отличающийся на несколько килобайт при тех же настройках. Запишите браузер и версию, если важна стабильность вывода. Если требуется побайтовая воспроизводимость, встроенный кодировщик холста без закрепленных подробностей реализации не является подходящим контрактом.
JPEG и WebP — отдельные кодеры; их личные сопоставления здесь не отображаются
API-интерфейсы Canvas принимают качество в номинальном диапазоне от нуля до единицы для кодировщиков с потерями. ToolAcre сужает допустимые настройки до 0.01 по 1 и начинается с 0.82. PNG полностью опускает качество, поскольку в записи формата указано, что элемент управления не применяется. Это поведение приложения, проверенное кодом и тестами.
Репозиторий не определяет, какое значение по умолчанию выбрал бы браузер, если бы качество было опущено для JPEG или WebP; план обычно предоставляет один. Он также не раскрывает усилия кодировщика или флаги настройки. Поэтому при сравнении следует указывать точное использованное значение ToolAcre, а не экстраполировать его из неуказанных значений браузера по умолчанию или метки «80» другого приложения.
ToolAcre передает фиксированное значение 0.01 в 1 и не определяет настройки браузера по умолчанию.
Сопоставление результатов начинается с выбора важной оси. Для строгого ограничения загрузки сравните файлы примерно одинакового размера, а затем отдайте предпочтение более чистому. Для достижения минимального редакционного качества понижайте каждый формат независимо до тех пор, пока артефакты не станут неприемлемыми, и сравнивайте полученные байты. Равные положения ползунка не отвечают ни на один вопрос.
На этом этапе сохраняйте фиксированные размеры. Изменение размера может доминировать над размером и вносить свои собственные изменения при повторной выборке, что затрудняет интерпретацию сравнения форматов. Как только выбор кодировщика будет понятен, повторите действия, используя фактические размеры дисплея. Этот порядок отличает поведение формата от отдельных преимуществ и затрат, связанных с обслуживанием меньшего количества пикселей.
Рабочий пример: одна фотография экспортирована с разными качествами в оба формата — объединение файлов одинакового размера и их проверка на 100 процентов.
Выберите исходную фотографию, содержащую кожу, листву, гладкое небо и острый край здания. Экспортируйте JPEG и WebP в 60, 75, 82 и 90 без изменения размера. ToolAcre будет сообщать реальные выходные байты для каждого запуска; ни одна статья не может достоверно предварительно заполнить эти значения, поскольку их определяют содержимое изображения и кодировщик браузера.
Соедините выходные данные, измеренные размеры которых наиболее близки, затем проверьте те же регионы в исходном масштабе. Отдельно обратите внимание на прозрачность, если она есть в источнике, поскольку JPEG будет использовать выбранную подложку, а WebP может сохранять альфу. Сравнение считается полным только тогда, когда зафиксированы размер, видимые повреждения и необходимые характеристики формата.
Что здесь не распространяется — метрики восприятия, такие как SSIM, флаги настройки кодировщика и AVIF или JPEG XL.
ToolAcre не вычисляет SSIM или другую метрику восприятия, не предоставляет расширенные флаги кодировщика и не предлагает выходные данные AVIF и JPEG XL. Поддерживаемые кодеры: PNG, JPEG и WebP. Отсутствие метрики означает, что редактор остается ответственным за порог визуального восприятия вместо того, чтобы получать числовой вердикт, который продукт никогда не рассчитывал.
Он также не имеет поиска по целевому размеру. Вы выбираете качество и наблюдаете за результатом; инструмент не выполняет итерацию до тех пор, пока не будет достигнут именованный потолок байтов. Для жесткого ограничения делайте осознанные пасы от оригинала и останавливайтесь после удовлетворительного результата. Повторное сжатие предыдущего вывода превращает поиск в потерю генерации.
Вывод: сравнивайте результаты, а не цифры — как Image Converter & Compressor позволяет опробовать оба формата на одном и том же изображении, ничего не загружая.
Сравнивайте результаты, а не ярлыки. Значение качества становится значимым только вместе с целевым типом MIME, браузером, размерами, измеренными байтами и визуальной проверкой. Эта более обширная запись также объясняет, почему более позднему браузеру или другому изображению может потребоваться другой номер, не подразумевая, что какой-либо кодировщик неисправен.
Image Converter & Compressor поддерживает эксперимент локально: один источник, независимо выбранные настройки JPEG и WebP, честные предупреждения о потерях и измеренные загрузки. Сохраните мастер и выберите наименьший результат, который соответствует фактическим требованиям визуального оформления и совместимости, даже если номер его ползунка отличается от другого формата.