Совсем недавно, в Chrome 85 появилась стабильная поддержка нового формата для изображений AVIF. Его алгоритмическая база основана на видеокодеке AV1. Эффективность работы формата AVIF позволяет экономить около 20% размера файла по сравнению с WebP. Использование формата для пакетной обработки в CLI мы рассмотрим позднее, а в этом видео мы подробно разберём настройку Nginx для прозрачной отдачи картинок в формате AVIF без изменений со стороны фронтэнда. Содержание видео: 0:00 Введение 0:56 Получаем AVIF в
4:36 Отдача WebP через Nginx 7:06 Настройка Nginx для отдачи AVIF 14:50 Демонстрация в Chrome 16:00 Отдача WebP в Firefox 17:17 Структура и названия файлов 19:50 Поддержка AVIF в браузерах Ссылки из видео:
На этом канале мы создаём максимально полезные видео по вопросам ускорения сайтов, веб-производительности и клиентской, а также серверной оптимизации. Профессионально занимаясь ускорением сайтов, мы накопили значительный опыт, которым готовы поделиться с нашими зрителями и подписчиками. Так что присоединяйтесь, будет интересно! Профессиональное ускорение сайтов:
Тестирование скорости сайтов:
Сервис оптимизации картинок:
Наш второй канал "Поддержка сайтов": / @site_support Группа "Ускорение сайтов" в VK:
https://vk.com/sitespeedup Метод Лаб в VK:
https://vk.com/methodlab Метод Лаб в Facebook: / methodlab.ru
