Меня, как дизайнера и веб дизайнера, часто мучал webp на заре своего появления. У меня конвертер не останавливался, когда этот webp стали пихать везде.

Но сейчас он поддерживается практически любым приложением. В фотошоп закидывается нормально. В мессенджерах отправить картинку можно, в винде встроенным просмотрщиком открывается, если из стора поставить расширение для webp.
https://apps.microsoft.com/detail/9pg2dk419drg?cid=koditvlinkbadge&hl=ru-ru&gl=RU#:~:text=WebP — современный формат изображений, который,10 изображения в формате WebP.
(Надеюсь, ссылка правильная, с телефона копировал, на телефоне стор не открывается)

Сейчас, практически весь веб, и у себя, и у клиентов перевожу на webp.

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

А какие у вас проблемы вызывает webp сегодня?

Как сделать в webm прозрачный фон (сохранить альфа-канал)?
Для этого нужно выбрать программу-конвертер, которая позволяет сохранить альфа-канал(прозрачность) при сохранении итогового файла.

Одной из таких программ является - Honeycam.
Загрузив нужную анимацию или видео в программу, надо создать прозрачный фон.
Для этого, находясь во вкладке редактор, надо выбрать кнопку "Регулировки/Фильтры(F)".

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

Далее, напротив фразы "Цвет хромакея", нажмите на цветной прямоугольник, и выберите цвет, на месте которого вы хотите получить прозрачность.

Так-же необходимо убрать галочку возле надписи " выбрать только соседние пиксели", иначе ничего не получится.

Под цветовой гаммой нажимаем на полоску в сторону увеличения цвета, чтобы как больше выбранного цвета, превратилось в прозрачный фон.
Затем нажимаем на кнопку "ОК".

В правом нижнем углу нажмите на кнопку "Сохранить".

В появившемся окне, справа, выберите под надписью "Сохранить как", формат WEbM.

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

Появится окно "Настройки WebM".

Из списка "Выбрать видеокодек", выберите "VP9", именно этот формат кодека, полностью поддерживается в WebM.

Ниже, выберите самый главный пункт - Сохранить альфа-канал. И нажимаем "ОК"
Далее, снова появится окно "Сохранить". Там нажимаем на кнопку "Сохранить"., которая в самом низу окна.

В итоге, сохраненный файл в формате "webm", появится в указанной вами паке/пути. Этот файл, уже спокойно можно загружать как видео-стикер в мессенджер Telegram.

Это делается при помощи телеграмм-бота @stickers (который доступен так-же в веб-версии по ссылке https://t.me/Stickers), введя в сообщении боту, команду /newvideo .

Всем привет!

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

1. Самое важное изменение - мы более не сжимаем видео и аудио потоки, если заливаемый видео файл весит меньше 4 МБ. Т.е. то качество, что на вход, мы сохраняем и на выход если размер файла не превышает 4 МБ.

2. Добавил новый кодек, в который мы конвертируем видео на выход - AV1. Вот с ним больше всего проблем пока что. Он хорошо сжимает видео и при этом сохраняет качество (эффективнее на 20-40%, чем другие наши кодеки), но после релиза у пользователей начали всплывать различные проблемы с ним, в основном на слабых процессорах мобильных устройств, в Edge и Yandex.Браузере. В итоге пока что он работает только на десктопных браузерах: Chrome 100+, Opera 90+, FireFox 100+. В будущем будем расширять поддержку.

3. Увеличили максимальный размер картинки выходного видео с 720px по ширине до 1920px. Т.е. теперь можно заливать, например, скринкасты своего рабочего стола и не будет все размылено за счет уменьшения по ширине.

4. Теперь мы конвертируем видео только в те форматы, в которые имеет смыл конвертировать. Например, вы можете залить видео файл в H.264 кодеке и контейнере mp4, и Пикабу решит, что это видео слишком "жирное" и нужно бы его сконвертировать в webm (VP9) и mp4 (AV1) форматы. В итоге ваше видео будет существовать в 3 форматах, и каждый клиент (браузер, приложения и тд) загружает тот формат, который поддерживает. Как правило при одинаковом качестве webm (vp9) весит меньше, чем mp4 (h.264), а mp4 (av1) весит меньше webm. таким образом клиенты, которые поддерживают av1 будут меньше тратить трафика при просмотре видео на Пикабу и, как следствие, быстрее загружать его.

5. Небольшое изменение - мы стали стирать мета информацию в видео файлах и писать туда в поле комментария "pikabu.ru". Зачем? Да просто так :D Но стираем для того, чтобы не заливали на Пикабу всякие "шуточки", политические лозунги и прочее вписанные в мета параметры видео файла.

6. И финальное небольшое изменение - улучшили качество превью картинки к видео. Ранее был контраст в качестве между превью картинкой и самим видео, в итоге складывалось ощущение глядя на превью, что видео шакалистое очень.

Итак, как же заливать на Пикабу видео, чтобы оно сохранило оригинальное качество?

Самый лучший вариант - заливать кодек H.264 в контейнере mp4 и чтобы видео файл весил менее 4 МБ, не был обрезан в редакторе поста и размер картинки не превышал 1920px по ширине или высоте. В этом случае то, что залили, то и будет показано пользователям без каких-либо конвертаций видео потока.

Любой другой кодек будет вынуждать Пикабу делать конвертацию. Но конвертация не равно сжатие. Так что и в другом кодеке если ваше видео весит до 4МБ Пикабу более-менее сохранит качество, просто тут уже будет процесс перекодирования видео в другой кодек, а это так или иначе скажется на качестве чуть-чуть.

Как получить H.264, если "у меня лапки" и я хочу сохранить качество видео?

Лучше всего найти друга-компьютерщика и за бутылку пива попросить научить такое делать. Если таких друзей вам не нужно, то в сети очень много различных видео редакторов, которые способны делать переконвератции, но без друга вы уже сами как-то обучитесь. Однако если вы знаете как запускать программы из командной строки, то мы рекомендуем самый популярный бинарник для конвертации - ffmpeg.  С помощью него можно подобрать самые оптимальные критерии, при котором ваше видео будет до 4 МБ, в хорошем качестве и в кодеке H.264)