GIF против WebM против Lottie ZIP: сравнение реального экспорта 9

Измерено на сентябрьском 9 2026 в Chrome 152.0.7977.83 без монитора на настольном компьютере с использованием настоящего пользовательского интерфейса конвертера EasyLottie. Каждый источник загружался отдельно для каждого формата. Запрошенные настройки: самый длинный край 480 px, 24 fps, полная длительность источника и потолок в виде рамы 450. Зеленая клавиша была включена только для формы зеленого экрана; двое других сохранили свое прошлое.

Это один зарегистрированный запуск для каждого источника и формата в локальной сборке разработки с предварительной выборкой библиотечных сценариев и блокировкой аналитики. Lottie ZIP и WebM использовали качество 0.7; GIF использует собственные фиксированные настройки палитры, поэтому элементы управления не обеспечивают одинаковое качество восприятия. Загрузите точные исходные и выходные файлы ниже или проверьте каждое поле и хеш SHA-256 в общедоступном манифесте.

Источник зеленого экрана содержит 96 идентичные декодированные кадры. Он демонстрирует удаление фона, а не движение. Исходный код пользовательского интерфейса содержит изменяющуюся геометрию; второй тестовый шаблон 15 начинается с 60 fps и преобразуется в 24 fps. И GIF, и Lottie ZIP сохранили запрошенные кадры 96/96/360 и полные 4/4/ 15-секундная длительность.

Экспорт MediaRecorder WebM использовал захват настенных часов и не всегда содержал запрошенное количество кадров. В таблице указано количество декодированных кадров, фактическая длительность контейнеров и количество, разделенное на длительность; он не помечает их как точные файлы 24 fps. Повторите экспорт на своем устройстве, если точное время имеет значение.

Chrome декодировал прозрачные фоновые пиксели и видимые пиксели переднего плана из первого выходного кадра зеленого экрана во всех трех форматах. GIF содержал только двоичную альфу. Lottie ZIP и WebM также содержали частичную альфу. Это доказывает, что альфа-версия, наблюдаемая в этих загрузках в этой версии Chrome, не поддерживается в Safari, Firefox, собственных приложениях или любом другом проигрывателе.

Для неключевых источников окончательные выходные данные GIF и Lottie сохраняли первый кадр полностью непрозрачным. Декодер WebM сообщил о частичной альфе в этих первых кадрах со значением угловой альфа 254, а не 255; количество необработанных пикселей включено в манифест. Проверьте фактическое экспортированное изображение на фоне, который вы собираетесь использовать.

В таблице указаны фактические размеры в байтах для каждого вывода. Разница в размерах зависит от источника и запрошенных настроек, а время захвата WebM может меняться между запусками. Эти синтетические примеры не устанавливают универсальный рейтинг размеров или сравнение при одинаковом визуальном качестве.

Если у вас есть короткий клип и вы хотите, чтобы он был прозрачным на веб-странице, вы действительно выбираете один из трех практических результатов. Больше всего они различаются качеством прозрачности, поддержкой браузеров и размером файла.

Прозрачный GIF поддерживает только альфа-бит 1: пиксель либо полностью виден, либо полностью отсутствует. На мягких краях, тенях, свечении или сглаженном тексте это приводит к уродливой окантовке, особенно на цветном фоне. Проверьте результат на предполагаемом фоне, прежде чем использовать его для создания изображений с мягкими краями.

WebM и растр Lottie могут сохранять мягкую альфу, если ее поддерживают кодировщик и проигрыватель. Проверьте экспортированный результат на светлом и темном фоне; Качество источника и настройки кеинга по-прежнему влияют на волосы, тени, свечение и полупрозрачные края.

Не существует единого наименьшего формата для каждого клипа. Экспортируйте тот же временной диапазон, размеры, частоту кадров и настройки фона, а затем сравните фактические байты и воспроизведение. Поддержка альфа WebM — отдельный вопрос от обычного воспроизведения WebM; протестируйте точный файл в каждом целевом браузере, включая Safari и мобильные среды.

Lottie ZIP нужен проигрыватель, поддерживающий графические ресурсы. При необходимости распакуйте архив и сохраните пути между анимацией JSON и изображениями. GIF не ​​требует среды выполнения Lottie, но имеет ограниченную палитру и двоичную прозрачность. Успешный предварительный просмотр в одном проигрывателе не является гарантией совместимости для каждой платформы.

Сопоставьте формат с имеющимся у вас проигрывателем и браузерами, которые вы должны поддерживать.