Начните с декодированного источника, а не с расширения файла.
Сжатие видео уже может содержать смягченные края, границы блоков, звон, полосатость, субдискретизацию цветности и артефакты движения. Сохранение декодированного кадра в формате PNG предотвращает дополнительное кодирование неподвижного изображения с потерями, но не может восстановить информацию, которая больше не присутствует.
JPG и WebP с потерями делают новый компромисс между размером и точностью после декодирования. Их артефакты легче всего заметить вокруг мелкого текста, краев интерфейса, высококонтрастных линий, повторяющихся текстур и плавных градиентов. Фотосцена с шумом часто допускает большее сжатие, чем запись экрана с 12-пиксельными метками.
Оцените предполагаемый размер дисплея. Дефект, видимый при 400-процентном увеличении, может не иметь значения для миниатюры размером 320 пикселей, а слегка размытая подпись может оказаться неэффективной при нормальном размере, даже если файл выглядит небольшим и эффективным.
Используйте PNG для кодирования неподвижных изображений без потерь.
PNG — отличный выбор для снимков интерфейса, диаграмм, субтитров, штриховой графики, плоской графики, ссылок на архивное редактирование и кадров, которые будут подвергаться дальнейшей компоновке. Он сохраняет декодированные значения пикселей посредством сжатия без потерь и позволяет избежать добавления блоков в стиле JPEG или артефактов звона.
Компромисс — размер файла. Фотокадры содержат текстуру и шум, которые PNG не может сжимать так же эффективно, как формат фотографий с потерями. Большой пакет PNG-файлов с полным разрешением может занимать значительный объем дискового пространства и памяти браузера, даже если каждый кадр выглядит одинаково.
PNG не является автоматически окончательным форматом доставки высочайшего качества. Если на выходе получается небольшая миниатюра веб-страницы, тщательно закодированный JPG или WebP может выглядеть эквивалентно при просмотре и передаваться гораздо быстрее. Сохраняйте PNG, если в будущем редактирование или четкие синтетические детали оправдают вес.
Используйте JPG для широкой фотографической совместимости.
JPG широко используется в контент-системах, офисных инструментах, социальных платформах и редакторах изображений. Он хорошо работает с кадрами с камеры, людьми, продуктами, событиями и естественной текстурой. Настройка качества VideoToImg позволяет сравнивать компактный результат с видимыми повреждениями, а не полагаться на один универсальный показатель.
Начните с качества 88 для фоторамки, осмотрите лица, волосы, ткань, текст и высококонтрастные границы, затем уменьшите значение только тогда, когда экономия размера имеет значение. Меньшая максимальная ширина иногда может снизить вес более предсказуемо, чем агрессивное сжатие, поскольку при этом пиксели удаляются перед кодированием, сохраняя при этом соотношение сторон.
Избегайте повторного редактирования и сохранения JPG. Каждое поколение с потерями может добавлять артефакты. Если кадр требует существенной ретуши, экспортируйте рабочую копию PNG и создайте окончательный JPG после завершения редактирования.
Используйте WebP, если путь публикации поддерживает это.
WebP может предоставлять эффективные изображения с потерями для современных веб-сайтов и приложений, и браузеры обычно их декодируют. Это полезно для галерей, документации, предварительного просмотра продуктов и других веб-доставок, где важно уменьшить размер передачи.
Совместимость с внешними браузерами все равно следует проверять. Последующий редактор, генератор документов, торговая площадка, рабочий процесс электронной почты или старая система контента могут предпочитать JPG или PNG, даже если браузер может создавать WebP. Выберите формат, который выдержит весь рабочий процесс, а не только первую загрузку.
Сравните WebP и JPG с одинаковыми размерами декодированного кадра и пикселей. Размеры файлов несопоставимы, если размер одного кандидата также был изменен или закодирован с другой временной метки.
Запустите честный трехформатный тест
- Выберите один репрезентативный кадр, содержащий как простые, так и сложные детали: лицо или текстурированный объект, мелкий текст, острый край и, если возможно, градиент.
- Экспортируйте PNG, JPG и WebP с одинаковыми размерами в пикселях. Запишите настройки качества JPG и WebP.
- Просмотрите каждое изображение в предполагаемом размере экрана, а затем осмотрите сложные области в масштабе 100 процентов. Не судите только по увеличенному превью в браузере.
- Сравните вес файла после визуального просмотра. Отклоните любого кандидата с видимыми повреждениями текста, ореолами, блокировками, цветными полосами или утратой текстуры, которые имеют значение для задачи.
- Откройте победителя в следующем приложении в рабочем процессе. Убедитесь, что загрузка, редактирование, ожидания прозрачности, обработка метаданных и присвоение имен скачиванию ведут себя должным образом.
- Повторите то же самое со вторым кадром, если в видео чередуются экранная графика и фотоматериалы; одна настройка может не представлять оба типа контента.
Сопоставьте общие задачи с практическим стандартом
Миниатюра YouTube или социальной сети
Начните с JPG необходимых размеров. Обеспечьте достаточное качество лиц, текста и контрастности и проверьте текущие требования платформы к загрузке перед публикацией.
Отчет об ошибке программного обеспечения или этап обучения
Используйте PNG, когда метки интерфейса и однопиксельные границы должны оставаться читаемыми. Уменьшение масштаба только после подтверждения пункта назначения по-прежнему отображает текст четко.
Галерея веб-сайта или документация
Попробуйте WebP и JPG при окончательной ширине экрана, затем выберите файл меньшего размера, который пройдет визуальную проверку и проверку совместимости рабочего процесса. Сохраните мастер редактирования отдельно, если в будущем вероятны изменения.
Набор данных кадра или проверка компьютерным зрением
Выбирайте в зависимости от нисходящего трубопровода и допуска измерений. Сжатие с потерями может изменить мелкие функции. Метод отбора проб, процесс маркировки и протокол проверки имеют не меньшее значение, чем расширение изображения.
Разделяйте качество источника и качество вывода
При переходе с JPG на PNG невозможно удалить размытие или артефакты, уже видимые при предварительном декодировании. Найдите ближайший кадр с меньшим количеством движения, используйте источник более высокого качества или вернитесь к исходной записи, прежде чем настраивать кодировщик неподвижного изображения.
Кодировщик холста браузера создает выходной большой двоичный объект, как описано в документации HTMLCanvasElement toBlob. Реализации браузеров могут незначительно отличаться, поэтому повторите визуальный тест, когда точный целевой размер файла или автоматизированный рабочий процесс будут зависеть от поведения кодировщика.
Откройте конвертер видео в изображение, чтобы сравнить форматы в одном кадре, или прочитайте руководство по выборке, прежде чем создавать большую последовательность.