Блог

MP4, GIF или прозрачный WebM — выбирайте файл под зал

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

MP4 — вариант по умолчанию для работы, которую вы показываете

Сайтам, кейсам и питч-декам нужен настоящий видеофайл. Он держит цвет, держит кадр-постер и не превращает знак в леденец из-за дизеринга. Если сомневаетесь — начинайте с MP4.

GIF — это пропуск, а не герой

Берите зацикленный GIF, когда площадка не проигрывает видео или когда ролик должен жить в слайде, который могут открыть офлайн. Держите его коротким. GIF беспощаден к градиентам и мелкому шрифту. Это приём доставки, а не самый красивый мастер.

Прозрачный WebM — для оверлеев

Когда знак должен лечь на кейноут, рилс или цвет, отличный от подложки, нужен альфа-канал. Вырезайте по цвету подложки уже после того, как ролик готов. Не просите модель придумать шахматный фон. Прозрачность — это пост-обработка зафиксированной подложки.

Где на самом деле место Lottie

Разработчики ищут «Lottie logo animation», потому что им нужен JSON для веба. Это настоящая задача, когда исходник — авторская векторная анимация. Но её не решают, прогнав растровый генератор и выдав результат за Lottie. Нужно веб-воспроизведение ролика — встройте видео или код. Нужен настоящий Lottie — это другой конвейер, не image-to-video.

Вопросы, которые задают дизайнеры

Можно ли использовать один файл везде?

Можно, если готовы мириться с компромиссами. MP4 на сайте, GIF там, где он нужен, WebM когда нужна альфа. Одна подложка, три контейнера.

Экспортирует ли Dexta Lottie из Kling?

Нет. Это был бы поддельный вектор. Экспортируйте файлы, которые можно положить в кейс или в рилс.

А что насчёт кода для встраивания?

Используйте его, когда ролик должен жить на вашей странице и вы не хотите, чтобы посетитель скачивал файл. Источник — всё та же зафиксированная подложка.

Читать дальше