Еще недавно сжатие 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:
github.com/AOM...
Ссылка на отличную статью по использованию AVIF:
web.dev/compre...
Команды:
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
На этом канале мы создаём максимально полезные видео по вопросам ускорения сайтов, веб-производительности и клиентской, а также серверной оптимизации.
Профессионально занимаясь ускорением сайтов, мы накопили значительный опыт, которым готовы поделиться с нашими зрителями и подписчиками. Так что присоединяйтесь, будет интересно!
Профессиональное ускорение сайтов: www.methodlab....
Тестирование скорости сайтов: xn--80aanaoicz...--p1ai/
Сервис оптимизации картинок: www.fotorubka.ru/
Наш второй канал "Поддержка сайтов": / @site_support
Группа "Ускорение сайтов" в VK: sitespe...
Метод Лаб в VK: methodlab
Метод Лаб в Facebook: / methodlab.ru