GIF в WebP v1.0

Конвертер GIF в WebP переводит растровое изображение из палитрового формата 1987 года в современный кодек, который читает любой актуальный браузер, включая Яндекс Браузер. На тестовом фотографическом файле размер падает с 336 037 байт до 202 388 байт, то есть примерно на 40 %, а прозрачность при этом остаётся настоящей, без подложки и без выдуманного фонового цвета. Инструмент DocPivot работает прямо во вкладке браузера: файл не уходит на сервер, регистрация не нужна, за один проход обрабатывается до 30 изображений.

Обзор конвертера GIF в WebP от DocPivot

Основная функциональность

Конвертер читает байты GIF-файла, декодирует их через canvas браузера и заново кодирует картинку в WebP библиотекой libwebp, собранной в WebAssembly. Качество по умолчанию выставлено на 95, а не на привычные 80, и причина техническая: GIF хранит пиксели без потерь, поэтому переход в WebP становится для него первым сжатием с потерями, а не вторым. Дополнительно включён режим sharp YUV, который аккуратнее обрабатывает резкие границы цветов. Если нужен другой формат на выходе, подойдёт универсальный конвертер изображений.

Кому подходит

Основная аудитория: веб-разработчики и SEO-специалисты, которые чистят страницу перед проверкой Core Web Vitals, дизайнеры со старыми библиотеками логотипов в GIF, контент-менеджеры интернет-магазинов и владельцы сайтов на 1С-Битрикс, WordPress или Тильде. Отдельная группа: те, кто наследует архив статичных GIF-иконок и хочет уменьшить вес каталога без ручной обработки в редакторе.

Проблема и решение

Статичный GIF на сайте почти всегда весит больше, чем должен, потому что формат ограничен палитрой в 256 цветов и не умеет современного энтропийного сжатия. WebP снимает оба ограничения сразу: полный цвет и заметно меньший вес. На странице с двумя десятками таких изображений экономия в 40 % напрямую отражается на метрике LCP, которую учитывают и Google, и Яндекс. Для дальнейшей оптимизации веса пригодится сжатие изображений.

Основные преимущества конвертации GIF в WebP

• Ощутимая экономия веса. На фотографическом GIF выигрыш составил около 40 %, и это без визуально заметной потери качества при настройке 95.
• Прозрачность остаётся настоящей. WebP хранит полноценный альфа-канал, поэтому ничего не сводится на белый фон и элемент интерфейса ложится на любую подложку.
• Полная палитра вместо 256 цветов. Градиенты и полутона, которые GIF огрублял дизерингом, восстанавливаются в полном цветовом диапазоне.
• Обработка без загрузки на сервер. Файл остаётся на вашем устройстве, что снимает целый пласт вопросов о хранении и передаче данных.
• Пакетная работа до 30 файлов. Несколько результатов приходят одним архивом ZIP с сохранением исходных имён.
• Нет дневного лимита. Многие бесплатные онлайн-конвертеры ограничивают число файлов в сутки, здесь такого счётчика нет.
• Честный отчёт по каждому файлу. Карточка результата показывает размеры в пикселях, итоговый вес и процент экономии, а не просто кнопку скачивания.

Если после конвертации картинку нужно вписать в сетку макета, помогает изменение размера изображений, а лишние поля убирает обрезка изображения.

Ключевые функции конвертера

• Определение анимации по байтам. Инструмент проверяет структуру файла до начала работы и сообщает, что кадр будет взят только первый.
• Кодирование через libwebp в WebAssembly. Используется та же эталонная библиотека, что и в серверных решениях, но выполняется она локально.
• Режим sharp YUV. Он стоит немного времени и заметно улучшает передачу резких границ, то есть именно того, из чего состоит рисованная GIF-графика.
• Качество 95 по умолчанию. Значение подобрано под то, что исходник сжатию с потерями ещё не подвергался.
• Поиск по целевому весу. Задача «уложиться в 200 КБ» решается перебором: до восьми проб в диапазоне качества от 5 до 95.
• Сохранение альфа-канала. Настройка цвета подложки не показывается вовсе, а не выводится неактивной, потому что подложка тут не нужна.
• Пакетная очередь. До тридцати файлов за один проход, порядок и имена не перемешиваются.
• Выдача одним архивом. Один файл скачивается как есть, несколько собираются в ZIP.
• Работа без ключей и учётной записи. Не требуется ни API-ключ, ни авторизация, ни подтверждение почты.
• Никаких метаданных на выходе. GIF их не содержит, и конвертер ничего не дописывает, что можно проверить через просмотр метаданных EXIF.

Как работает конвертер GIF в WebP

1. Загрузка файлов. Перетащите GIF в рабочую область или выберите их через проводник, до 30 штук за раз.
2. Чтение и проверка. Браузер разбирает файл по байтам и определяет, анимированный он или статичный.
3. Декодирование первого кадра. Изображение выводится на canvas с сохранением альфа-канала.
4. Кодирование в WebP. libwebp сжимает картинку с качеством 95 и включённым sharp YUV, либо подбирает качество под заданный вес.
5. Получение результата. На карточке видны размеры, вес и процент экономии, после чего файл скачивается напрямую.

Весь цикл проходит в памяти вкладки, поэтому скорость зависит от вашего процессора, а не от очереди на чужом сервере. Обратная операция доступна там же: WebP обратно в PNG.

Когда стоит конвертировать GIF в WebP

Конвертация оправдана, когда GIF статичный и живёт на веб-странице. В этом сценарии формат не даёт ничего, кроме лишнего веса, а WebP решает задачу без компромиссов.

• Статичные иконки и логотипы. Старые библиотеки интерфейсных элементов в GIF почти всегда сжимаются заметно лучше.
• Подготовка к проверке скорости. Перед аудитом Core Web Vitals замена тяжёлых картинок даёт быстрый прирост по LCP.
• Каталог товаров на своём сайте. Карточки грузятся быстрее, а трафик мобильных пользователей расходуется экономнее.
• Баннеры и обложки материалов. Большие фоновые изображения выигрывают от современного кодека сильнее всего.
• Архив рабочих файлов. Папка со скриншотами и схемами в GIF ужимается пакетом за один проход.
• Единый формат в проекте. Если остальная графика уже в WebP, логично привести к нему и остатки, включая PNG в WebP и JPG в WebP.

Конвертировать не стоит в двух случаях: если анимация несёт смысл и если файл уходит туда, где WebP не принимают. Маркетплейсы вроде Wildberries и Ozon, а также ряд государственных сервисов ждут JPG или PNG, и здесь исходник лучше оставить.

Примеры использования

Ускорение корпоративного сайта

Контекст: у компании на 1С-Битрикс около сотни статичных GIF-иконок, оставшихся от прошлой вёрстки. Порядок работы: выгрузить папку с иконками, прогнать её пакетами по 30 файлов, подключить WebP через тег picture с запасным вариантом. Результат: суммарный вес графики падает примерно на треть, а страница проходит проверку скорости без правок в дизайне.

Подготовка карточек для собственного магазина

Контекст: у продавца есть архив изображений в GIF, снятых для старого каталога. Порядок работы: перевести файлы в WebP, при необходимости привести к одной ширине, проверить отображение на мобильном. Результат: каталог грузится быстрее на медленном мобильном интернете, что напрямую влияет на поведенческие факторы Яндекса.

Работа с прозрачными элементами интерфейса

Контекст: дизайнеру нужны прозрачные значки для тёмной темы, но исходники лежат в GIF с жёсткой однобитной прозрачностью. Порядок работы: конвертировать в WebP, проверить края на тёмном фоне, при необходимости получить конвертацию GIF в PNG для варианта без потерь. Результат: значки корректно ложатся на любой фон, а вес набора уменьшается.

Сборка фавиконок и мелкой графики

Контекст: у проекта разрозненные мелкие изображения в нескольких форматах. Порядок работы: привести растр к WebP, а для иконки вкладки использовать генератор фавиконок. Результат: единый набор графики без ручной пересборки в редакторе.

Что происходит с каждой частью файла

Таблица описывает поведение конвертера на статичном и анимированном входе одинаково, за исключением строки про анимацию. Векторную графику этот путь не затрагивает, для неё есть SVG в WebP.

Анимация не сохраняется: почему об этом стоит знать заранее

Анимированный WebP существует как формат, но этот инструмент его не создаёт. На выходе будет первый кадр, и результат прямо об этом сообщает, вместо того чтобы оставить пользователя выяснять пропажу движения самостоятельно. Русскоязычные конвертеры этот момент почти никогда не проговаривают, хотя именно он чаще всего становится причиной претензий к результату.

Практический вывод простой. Если движение в картинке несёт смысл, оставьте GIF или переведите его в видео. Если GIF анимирован формально, например мигающая рамка на баннере десятилетней давности, первый кадр обычно и есть то, что нужно. Для статичного результата в другом контейнере подойдёт GIF в JPG, если прозрачность не требуется.

152-ФЗ и обработка изображений в браузере

Конвертация проходит целиком на устройстве пользователя, и это архитектурное свойство, а не обещание в политике конфиденциальности. Файл не покидает вкладку, значит трансграничной передачи данных, которую регулирует статья 12 закона 152-ФЗ, физически не происходит. Для служебных изображений, скриншотов внутренних систем и графики с персональными данными на кадре это принципиальная разница по сравнению с загрузкой на сервер неизвестной юрисдикции.

Второй практический момент касается сроков хранения. Серверные конвертеры обычно обещают удалить файлы через сутки, и проверить это утверждение пользователь не может. Здесь проверять нечего: загрузки не было. Аналогичный подход применяется и в других инструментах DocPivot, включая GIF в AVIF.

Часто задаваемые вопросы