Прорыв в сжатии AVIF-картинок новый libavif
Еще недавно сжатие AVIF требовало огромных ресурсов по CPU и памяти, занимало много времени и применять формат повсеместно не имело смысла. При этом поддержка браузеров также была на уровне менее 10%. Сейчас браузеры дошли до 70% поддержки и наконец появился эффектиный кодировщик AVIF на базе libavif - avifenc.
В этом видео мы рассмотрим процесс сборки libavif в Ubuntu 20.04 и посмотрим все важные опции для базовой оптимизации картинок. Также сравним по скорости и затратам с cavif - прошлым кодировщиком, который мы использовали.
Содержание:
0:30 Введение, что такое AVIF
2:13 cavif - старый кодер для AVIF (проблемы)
6:23 Поиск нового кодировщика
7:40 Статья на web.dev про AVIF
9:30 Cборка libavif на Ubuntu 20.04
13:15 Тестирование libavif и avifenc
14:10 Сжатие с cavif
15:30 Cжатие с avifenc
22:50 Cжатие cavif - большая картинка
21:10 Потребление памяти avifenc
26:30 avifenc на большой картинке
29:40 Заключение
Репозиторий libavif:
https://github.com/AOMediaCodec/libavif
Ссылка на отличную статью по использованию AVIF:
https://web.dev/compress-images-avif/
Команды:
avifenc --min 0 --max 63 --minalpha 0 --maxalpha 63 -a end-usage=q -a cq-level=10 -a tune=ssim trcatdiplom.png 1.png.avif
На этом канале мы создаём максимально полезные видео по вопросам ускорения сайтов, веб-производительности и клиентской, а также серверной оптимизации.
Профессионально занимаясь ускорением сайтов, мы накопили значительный опыт, которым готовы поделиться с нашими зрителями и подписчиками. Так что присоединяйтесь, будет интересно!
Профессиональное ускорение сайтов: https://www.methodlab.ru/price/uskorenie_sajta.shtml
Тестирование скорости сайтов: https://xn--80aanaoiczhuihpc.xn--p1ai/
Сервис оптимизации картинок: https://www.fotorubka.ru/
Наш второй канал "Поддержка сайтов": https://www.youtube.com/channel/UCf1P_nESQ6hPlTwkH5Vik1A
Группа "Ускорение сайтов" в VK: https://vk.com/sitespeedup
Метод Лаб в VK: https://vk.com/methodlab
Метод Лаб в Facebook: https://www.facebook.com/methodlab.ru/
Видео Прорыв в сжатии AVIF-картинок новый libavif канала Ускорение Сайтов :: Метод Лаб
В этом видео мы рассмотрим процесс сборки libavif в Ubuntu 20.04 и посмотрим все важные опции для базовой оптимизации картинок. Также сравним по скорости и затратам с cavif - прошлым кодировщиком, который мы использовали.
Содержание:
0:30 Введение, что такое AVIF
2:13 cavif - старый кодер для AVIF (проблемы)
6:23 Поиск нового кодировщика
7:40 Статья на web.dev про AVIF
9:30 Cборка libavif на Ubuntu 20.04
13:15 Тестирование libavif и avifenc
14:10 Сжатие с cavif
15:30 Cжатие с avifenc
22:50 Cжатие cavif - большая картинка
21:10 Потребление памяти avifenc
26:30 avifenc на большой картинке
29:40 Заключение
Репозиторий libavif:
https://github.com/AOMediaCodec/libavif
Ссылка на отличную статью по использованию AVIF:
https://web.dev/compress-images-avif/
Команды:
avifenc --min 0 --max 63 --minalpha 0 --maxalpha 63 -a end-usage=q -a cq-level=10 -a tune=ssim trcatdiplom.png 1.png.avif
На этом канале мы создаём максимально полезные видео по вопросам ускорения сайтов, веб-производительности и клиентской, а также серверной оптимизации.
Профессионально занимаясь ускорением сайтов, мы накопили значительный опыт, которым готовы поделиться с нашими зрителями и подписчиками. Так что присоединяйтесь, будет интересно!
Профессиональное ускорение сайтов: https://www.methodlab.ru/price/uskorenie_sajta.shtml
Тестирование скорости сайтов: https://xn--80aanaoiczhuihpc.xn--p1ai/
Сервис оптимизации картинок: https://www.fotorubka.ru/
Наш второй канал "Поддержка сайтов": https://www.youtube.com/channel/UCf1P_nESQ6hPlTwkH5Vik1A
Группа "Ускорение сайтов" в VK: https://vk.com/sitespeedup
Метод Лаб в VK: https://vk.com/methodlab
Метод Лаб в Facebook: https://www.facebook.com/methodlab.ru/
Видео Прорыв в сжатии AVIF-картинок новый libavif канала Ускорение Сайтов :: Метод Лаб
Показать
Комментарии отсутствуют
Информация о видео
20 августа 2021 г. 21:00:04
00:31:09
Другие видео канала
![Новый веб-сервер Angie: brotli из коробки](https://i.ytimg.com/vi/-UPLTj7j5oA/default.jpg)
![JPEG XL - новый король форматов?](https://i.ytimg.com/vi/z0Q3bAL-wXw/default.jpg)
![PageSpeed Insights: что нового в 2023 году?](https://i.ytimg.com/vi/IOFxBSGoO7Y/default.jpg)
![Обработка картинок в Nginx image filter module](https://i.ytimg.com/vi/9g-cK-pfkd8/default.jpg)
![Chrome DevTools: обзор и новые возможности в 2022 году](https://i.ytimg.com/vi/1vZZlm0XXmE/default.jpg)
![MySQL 8.0: используем индексы для оптимизации. Часть 2](https://i.ytimg.com/vi/4AlQZCpUnvc/default.jpg)
![Собираем контейнер оптимизатора изображений](https://i.ytimg.com/vi/wJnQtG5WJPQ/default.jpg)
![Быстрый анализ серверной скорости сайта](https://i.ytimg.com/vi/A1oJNvB7D1c/default.jpg)
![MySQL 8.0: используем индексы для ускорения запросов](https://i.ytimg.com/vi/mDpM2yjKGNU/default.jpg)
![WebPageTest: новая версия лучшего теста скорости сайтов](https://i.ytimg.com/vi/278OxfmZgZc/default.jpg)
![AVIF и WebP: cкорость декодирования новых форматов](https://i.ytimg.com/vi/PTS2hUxDRRY/default.jpg)
![Ответы на вопросы (ускорение и поддержка сайтов)](https://i.ytimg.com/vi/5eceTXc3wtA/default.jpg)
![Тестируем Nginx c HTTP/3 и QUIC с доработками от VK.com](https://i.ytimg.com/vi/XwdCL_YjJMo/default.jpg)
![ProxySQL: быстрый кэш запросов в MySQL 8.0 и не только](https://i.ytimg.com/vi/QCylrIyiHwg/default.jpg)
![Автоматическая оптимизация изображений fotorubka.ru (с AVIF)](https://i.ytimg.com/vi/dtH4_VKSa6o/default.jpg)
![Обзор CDN-сервиса G-Core Labs для ускорения сайта](https://i.ytimg.com/vi/UxGdcpslb1E/default.jpg)
![Какие метрики скорости сайта влияют на SEO?](https://i.ytimg.com/vi/dePSw9kRRG8/default.jpg)
![Веб-сервер OpenLiteSpeed - лучше Nginx?](https://i.ytimg.com/vi/c7jQQqX5R3Y/default.jpg)
![Как CDN Cloudflare и CDNVideo экономят на ускорении ваших сайтов](https://i.ytimg.com/vi/-WkS6U3U_3I/default.jpg)
![Фейковые баллы в Google PageSpeed: очередной развод на скорости сайтов](https://i.ytimg.com/vi/qqoocQkutLE/default.jpg)