Всё о формате изображений WebP и почему это важно знать

Давайте взглянем на WebP в стиле вопросов и ответов — новый (почти) формат изображений, который обещает уменьшить размеры файлов и реализовать несколько изящных трюков.

Какое это имеет отношение к видео?

Даже если вы в основном работаете с видео, вокруг вас будут плавать всевозможные изображения. Когда клиент отправляет вам логотип или просит прислать ему изображение, или вам нужно изменить его PowerPoint, вы имеете дело с картинками/фото. Наконец, на некоторых платформах вам необходимо превратить часть видео в анимированное изображение, например GIF, а не в видео. WebP — это «новый» вариант, который экономит место и работает в большинстве приложений.

Отлично. Что не так с JPEG и PNG?

JPEG не поддерживает прозрачность, анимацию или (в большинстве приложений) изображения HDR. PNG может обрабатывать прозрачность, анимацию и HDR, но размеры файлов большие, потому что он не имеет потерь — он не теряет никакой информации. Это хорошо для производства, но не очень хорошо для публикации в Интернете, хотя с развитием скоростного интернета, накопителей, это кажется не таким уж актуальным.

Что вы имеете в виду под HDR-изображениями?

HDR-изображения включают расширенный диапазон яркости, а также расширенную цветовую гамму, как и HDR-видео. Вот хороший учебник Apple для разработчиков о том, что произойдет рано или поздно.

Меня пока не волнует HDR. А как насчет анимированных изображений?

Всего GIF ограничено 256 цветами, один из которых является прозрачным, а сжатие без потерь оставляет желать лучшего — небольшой видеофайл почти всегда будет выглядеть лучше и меньше. APNG может обрабатывать анимацию, но это по-прежнему кодек без потерь. Он более мощный, чем GIF, и имеет широкую поддержку, но размеры файлов могут быть огромными, и он так и не стал популярным.

Как насчет векторных изображений?

Если вам повезло, что клиент отправляет вам векторные файлы, не зависящие от разрешения, SVG — это очень полезный формат с широкой поддержкой в ​​Интернете, в macOS и приложениях Adobe. Хотя вам не придется создавать много векторных файлов в видеоприложении, вы можете легко их импортировать. Если вы пытаетесь найти логотип клиента, а он продолжает присылать вам JPEG в документе Word, проверьте наличие SVG на их веб-сайте. Если это не помогло, используйте Illustrator, чтобы извлечь логотип компании из PDF-файла годового отчета.

Однако помните, что векторные форматы, такие как SVG, отлично подходят для логотипов и аналогичных изображений, но не для фотографий, для которых требуется пиксельный формат, такой как JPEG, PNG или WebP. Для видео векоторные изображения это лучший вариант

Что же тогда такого замечательного в WebP?

Просто: сжатие с потерями или без потерь, прозрачность, а также меньшие размеры файлов. Google настоятельно рекомендует веб-сайтам переходить на WebP, и их влияние в этой области имеет большое значение. Все современные браузеры поддерживают WebP, macOS может предварительно просмотреть его, и многие творческие приложения тоже могут поддерживать WebP. Вот несколько примеров . Мы кстати используем webp довольно активно, т.к. уменьшается размеры, но есть нюансы.

Как я могу создать и использовать файл WebP?

Сохраните копию из Photoshop, экспортируйте для экранов из Illustrator, сохраните как из Pixelmator Pro, экспортируйте из Affinity Photo. Вы можете использовать WebP непосредственно в Final Cut Pro, Premiere Pro, Motion и After Effects прямо сейчас.

Откуда взялся WebP?

Google предложил его в качестве стандарта еще в 2010 году, и за последние пару лет он получил широкую поддержку.

Как выглядит анимация WebP?

Он выглядит лучше, чем GIF, но существуют более зрелые инструменты (например, потрясающий бесплатный Gif.ski ) для создания GIF, чем для WebP на данный момент. Прямо сейчас, если вы конвертируете фильм в WebP с помощью бесплатного инструмента, такого как Nibbles , он работает в Safari, но воспроизведение, похоже, со временем замедляется; что-то еще не совсем так. Если вы можете предоставить небольшое видео H.264 или HEVC, а не изображение, оно, скорее всего, будет выглядеть лучше с меньшим размером файла.

Значит, WebP не идеален?

Ни один формат не идеален. Другая проблема заключается в том, что поддерживаемая точность цветопередачи в режиме с потерями составляет только 4:2:0, что означает, что цветовое разрешение составляет 1/4 разрешения яркости. Сочетание красного и черного (например, логотип Netflix) может выглядеть немного блочным, поскольку цветовое разрешение уменьшается вдвое (в каждом измерении) вокруг этих сложных краев. Возможно, вы заметили одну и ту же проблему с большинством кодеков сжатого видео, и это не совпадение: метод сжатия WebP основан на видеокодеке VP8.

Кроме того, хотя цветовые профили поддерживаются, они ограничены 8-битами, поэтому не могут обрабатывать HDR-изображения, подобные тем, которые вы можете снимать на iPhone. С другой стороны, HDR сегодня не требуется для большинства изображений, и WebP по-прежнему обычно является лучшим вариантом, чем JPEG или PNG. Единственным исключением является то, что не все платформы социальных сетей пока принимают WebP (вконтакте понимает, телеграм тоже).

Есть ли более эффективные альтернативы?

HEIF уже много лет поддерживается на устройствах Apple для HDR-фотографий iPhone, но, поскольку он не поддерживается в Safari, ему, скорее всего, не суждено стать форматом, удобным для Интернета — могут возникнуть проблемы с патентами. У AVIF немного более узкая поддержка, чем у WebP , хотя он может обрабатывать анимацию, прозрачность и HDR. JPEG XL также поддерживает прозрачность, анимацию и HDR-изображения и какое-то время выглядел многообещающе, но с тех пор, как Chrome удалил поддержку , его будущее выглядит неопределенным. Safari недавно добавил поддержку JPEG XL , но нам придется подождать и посмотреть, что сделают другие игроки.

Почему мы не можем использовать другие форматы?

Во-первых, вам вообще будет сложно создавать эти форматы — приложения Adobe пока не создают и не принимают их.

Во-вторых, если вы используете формат, который могут видеть лишь немногие люди, вам все равно придется предоставлять более старые форматы в качестве запасного варианта, обычно с подключаемым модулем оптимизации изображения, и немногие люди когда-либо увидят их. Нет особого смысла быть слишком далеко впереди.

К сожалению, всем основным игрокам (браузерам, операционным системам, приложениям для работы с изображениями) приходится поддерживать формат, чтобы он стал широко распространенным. По крайней мере, Google, Apple и Microsoft должны договориться, реализовать поддержку, а затем пользователям необходимо обновить свое программное обеспечение.

Если мне нравятся JPEG и PNG, могу ли я продолжать их использовать?

Никто не заставит вас переключиться. PNG подходит для производственных целей, но WebP теперь является лучшим вариантом для обмена, чем JPEG или PNG. Ваши клиенты могут даже не заметить, если вы перейдете на WebP, но ваш веб-сайт, вероятно, будет иметь более высокий рейтинг, и если вы это сделаете, вы сможете отправлять по электронной почте более крупные прозрачные изображения.

Можете ли вы дать мне краткое резюме?

WebP — это универсальный формат изображений, который вы можете использовать сегодня, по крайней мере, для изображений, для доставки и производства. Его понимают большинство приложений, большинство веб-сайтов отображают его, а размеры файлов уменьшаются. Это бесплатно. 

по материалам сайта provideocoalition.com

ВСЕ ЧТО ВАМ НАДО ЗНАТЬ О КОДЕКАХ В ВИДЕО H.264, HEVC, AV1, PRORES

УРОКИ ПО BLACKMAGIC CAMERA

ВВЕДЕНИЕ В КОЛОРИМЕТРИЮ: ОСНОВЫ ИЗМЕРЕНИЯ ЦВЕТА И ПРИНЦИП РАБОТЫ КОЛОРИМЕТРОВ

ВОПРОСЫ И ОТВЕТЫ: СЪЕМКА В PRORES НА IPHONE 15 PRO И PRO MAX

Уроки по съёмке и монтажу тут — https://news.fidller.com/category/lesson/

Как снимается кино — https://news.fidller.com/category/articles/bts/

Приобрести apple box или заказать 3d печать/3d сканирование или переходник для объективов, а также изготовить оборудование под заказ очень просто, достаточно перейти в наш магазин — https://fidller.com или написать нам в telegram — https://t.me/fidller

мы в телеграме — https://t.me/fidller_com

мы вконтакте https://vk.com/club_fidller

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

The following two tabs change content below.

Aleksandr Fidller

Журналист, инженер, автор многочисленных статей и публикацией о киноиндустрии. По всем вопросам сотрудничества, публикаций писать в телеграм - https://t.me/fidller

Оставить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.