GIF, анимированный WebP и MP4: замер на одном 5-секундном ролике

Коротко

На нашем тестовом ролике анимированный WebP из «Видео в WebP» оказался легче GIF из «Видео в GIF» при каждой ширине и частоте кадров, которые мы сравнивали. GIF весил в 3,1–4,9 раза больше. MP4, сделанный в «Изменить размер» для видео, оказался еще легче: WebP на 20 кадрах в секунду (fps) весил в 1,8–2,4 раза больше, чем MP4.

Две настройки меняют картину. При 480 пикс. и 15 fps GIF с выключенным дизерингом весил 1,70 МБ, а с дизерингом «Sierra (четче)» по умолчанию — 3,90 МБ. WebP с качеством 100 весил 3,92 МБ, столько же, сколько GIF по умолчанию. Все эти числа получены на одном 5-секундном фрагменте мультфильма.

Как мы мерили

В нашей проверке 30 октября 2026 года мы вырезали пять секунд из мультфильма Big Buck Bunny (© 2008 Blender Foundation, www.bigbuckbunny.org, CC BY 3.0): 640 × 359 пикс., 24 fps.

Мы использовали три страницы на pulsarkit.com, в Chrome 156 на одном компьютере. «Видео в WebP» осталось на качестве 75. «Видео в GIF» осталось на 128 цветах, дизеринге «Sierra (четче)» и повторе «Зациклить». «Изменить размер» для видео с вариантом «Свой размер» сделал MP4 из копии ролика без звука, потому что у GIF и WebP звука нет. Мы пробовали ширину 640, 480 и 320 пикс. и 10, 15 и 20 fps, а для WebP еще и 30. MP4 остался на 24 fps.

Время шло от нажатия кнопки сборки до момента, когда включалась кнопка скачивания. Каждый запуск шел в новой сессии браузера, поэтому время WebP и GIF включает загрузку движка. Размеры даны в мегабайтах по 1 000 000 байт; экраны инструментов считают по 1 024 и показывают чуть меньше (3,7 МБ для нашего GIF на 3,90 МБ). Все три инструмента работают в браузере.

Вес файлов при одной ширине и частоте кадров

Больше всего WebP выиграл на самой крупной картинке. При 640 пикс. GIF весил в 4,9, 4,8 и 4,7 раза больше, чем WebP, на 10, 15 и 20 fps. При 480 пикс. — в 4,1, 4,1 и 4,0 раза, а при 320 пикс. — в 3,3, 3,2 и 3,1.

MP4 весил 1,09 МБ при 640 пикс., 0,65 МБ при 480 и 0,31 МБ при 320. WebP на 20 fps весил в 1,8, 2,0 и 2,4 раза больше, а GIF — в 8,3, 7,9 и 7,6 раза. Другой кодировщик даст другие размеры MP4. На 10 fps WebP был примерно так же легок, как MP4, при 640 и 480 пикс., но кадров в нем меньше половины.

«Видео в WebP» хранит каждый кадр как целую картинку, поэтому файл растет вместе с числом кадров. При каждой ширине файлы на 15, 20 и 30 fps весили в 1,5, 2,0 и 3,0 раза больше, чем файл на 10 fps. MP4 в основном хранит то, что меняется от кадра к кадру. На странице Google о контейнере (русская версия, просмотрена 30 октября 2026 года) сказано, что прямоугольник кадра «может покрывать или не покрывать весь холст», поэтому другой кодировщик WebP мог бы хранить меньше. Мы такой не измеряли.

От чего зависит вес GIF

Дизеринг важнее числа цветов. Он рассыпает точки близких цветов, чтобы изобразить оттенки, которых нет в маленькой палитре. При 480 пикс. и 15 fps GIF по умолчанию весил 3,90 МБ, с 256 цветами — 4,48 МБ, а с 64 цветами — 3,34 МБ. С выключенным дизерингом вес упал до 1,70 МБ, а с «Bayer (равномерный узор)» — до 1,94 МБ.

Цена заметна. На кадре, увеличенном втрое, примерно на 2,5-й секунде, у GIF по умолчанию по всей стене рябь, а на крыльях бабочки цветные точки. При выключенном дизеринге небо и холмы распадаются на ровные полосы. WebP выглядит гладко, мелкая фактура у него чуть мягче. MP4 и оригинал показались нам одинаковыми — по одному кадру, на глаз.

Спецификация GIF89a (W3C, датирована 31 июля 1990 года) задает размер таблицы цветов 3-битным полем: «Чтобы определить фактический размер таблицы цветов, возведите 2 в степень [значение поля + 1]». Значит, в таблице не больше 256 цветов. Эта спецификация есть только на английском, и ее цитата — наш перевод. В FAQ Google о WebP (русская версия) сказано: «WebP поддерживает 24-битный цвет RGB с 8-битным альфа-каналом, в отличие от GIF, который поддерживает 8-битный цвет и 1-битный альфа-канал». Обе страницы мы прочитали 30 октября 2026 года.

Где WebP не меньше

При высоком качестве преимущество исчезает. При 480 пикс. и 15 fps WebP с качеством 50 весил 0,70 МБ, с 75 — 0,95 МБ, с 90 — 1,94 МБ, а со 100 — 3,92 МБ. Качество 100 равно GIF по умолчанию. Качество 90 тяжелее GIF с выключенным дизерингом. При 75 по умолчанию WebP был легче всех пяти GIF при этой ширине и частоте.

Мы не сравнивали скриншоты, логотипы, плоскую графику, темное видео и более длинные ролики и не проверяли воспроизведение в чатах, почте и веб-формах. В руководстве MDN по форматам изображений (английское, прочитано 30 октября 2026 года) поддержка WebP указана для Chrome, Edge, Firefox, Opera и Safari.

Время сборки и какой формат выбрать

WebP на 5 секунд собирался от 7 до 24 секунд, медленнее всего — при 640 пикс. и 30 fps. GIF собирался от 7 до 19 секунд, MP4 — от 1,3 до 2,1. Чтобы собрать MP4, нужен браузер со встроенным кодировщиком H.264. На вашем компьютере время будет другим.

Там, где принимается видео, MP4 был самым маленьким и быстрым. Там, где принимается только картинка, WebP был легче — там, где он отображается. Оставляйте GIF там, где работает только GIF. «GIF в MP4» превращает GIF в видео, а «Обрезать по времени» сначала вырежет нужные секунды. Для неподвижных фото см. WebP, AVIF или JPEG: замер на одном фото с телефона.

Чтобы вы могли продолжить работу в другом инструменте, PulsarKit может сохранить в этом браузере локальную копию исходных данных или результата. Копия может остаться и после закрытия вкладки или перезапуска браузера. Чтобы удалить ее, очистите данные сайта PulsarKit.