Как сделать анимированную обложку для статьи на vc.ru с автозапуском?
В поисках ответа на этот вопрос мы облазили весь интернет. И нашли примерно НИ-ЧЕ-ГО. Анимированные обложки, которые мы загружали к статьям на vc.ru, упорно не хотели воспроизводиться автоматически.
Хотя мы видели, что у некоторых других блогов такой функционал есть.
Тогда мы обратились к техподдержке самой платформы.
На что получили такое сообщение:
При этом наше видео было меньше 20 мб и без звуковой дорожки.
Мы упорно хотели добиться нужного нам результата, поэтому начали экспериментировать.
Изначально ролик был в разрешении 1920x1080, размером 13 МБ, битрейтом в 5000 и длительностью 10 секунд. Вооружившись видео-конвертером, мы выделили несколько гипотез:
1. Разрешение 1080 слишком велико, пробуем 720
2. Длительность в 10 секунд неоправдана, поэтому сокращаем до 5 секунд (изначально элементы в анимации зациклены на 1 и 5 секунд соответственно)
3. Частота 30 кадров в секунду может тоже не устраивать сервис, поэтому приведем их к 15, как в gif-анимации
В результате пункты 1 и 2 сработали. И мы с чувством разгаданной тайны начали адаптировать прошлые обложки, чтобы и они воспроизводились автоматом.
Однако с ними уменьшение разрешения и длительности не помогло.
Тогда мы пришли к выводу, что ключевым параметром является вес видео. Он должен быть не более 3,5 МБ.
В первом случае манипуляции с разрешением и длительностью просто совпали с сокращением его размера. Но когда применили эти гипотезы к другому ролику — уже не попали в нужный размер.
Рецепт идеальной анимированной обложки
В итоге мы оставили разрешение 1080, частоту кадров 50 — для более плавной анимации, при этом длительность сделали не больше 5 секунд, а битрейт — 3000, чтобы картинка не была совсем уж пиксельная.
Берите лайфхак на заметку и пользуйте. Надеемся, что теперь одной загадкой дыры стало меньше.
Вот так. Боролись годами, десятилетиями с богомерзкими рекламными гифками, скачущими перед глазами, и вот, казалось бы, наступило блаженство - но нет! Каждая назойливая фигня должна быть помпезно переоткрыта следующим поколением :-)
Все новое — это хорошо забытое старое :-)
это что густой борщик со сметанкой ...ммм...аппетит разыгрался
именно он)) а ребус разгадан? 😉
Ну вы и слоупоки.
До 5 мегабайт делай без аудиодорожки — будет лупиться 🔁
И эти люди считают себя digital.
Стыдоба 🙈
Не зря в нашем названии фигурирует слово Late)))
Требований для зацикленных видео мы не нашли, техподдержка тоже не прояснила ситуацию. Поэтому мы решили разобраться, как это работает на платформе Osnova.
Здорово, что вы изначально знали, как это делать, могли бы тоже поделиться с другими =)
тут даже тех поддержка четких инструкций не дала)
обложка привлекательная!
шлем вам сердечко от нашего дизайнера ❤️
И история интересная, гайд полезный))
К слову, полистал Вашу ленту, анимированные обложки и выглядят интереснее и внимания привлекают больше, лайк за проделанные труды😄
Благодарим вас ❤️
У нас очень дотошный дизайнер (в хорошем смысле этого слова) 😀
Щас бы все выперли прыгающие картинки, вот бы вы кайфанули с vc
Ну теперь я хочу борщ (
значит надо есть 😀👍
Тебе нужно записаться к коучу, чтобы он тебя замотивировал на это
я просто залипла на обложку))) гипноребус)
используем запрещенные приемы 😀
теперь и я хочу обложку с борщом( чтоб все смотрели и у них текла слюнка
думаю, по инструкции у вас легко все получится 👍
обло.. а дальше как?
облока?)) не) там через А.
может облом?) тоже не подходит...
ааа обложка! 😉
Хорошая статья😉
Благодарим за обратную связь, очень ценно 🤗
вот это поворот) вроде ж специальные онлайн сервисы автоамторм ужимают как надо. не?
Да, сервисы для преобразования есть. Но мы хотели узнать, с какими оптимальными параметрами можно выводить из After Effects, минуя дополнительные сервисы. Just Test it 🙃
Кому что, а мне борщик понравился на заставке))
ням 😍
Обложка работает) Кучу внимания привлечено
не поспорить 👀
Как вам лайк поставить? Вижу только кнопку "Скачать статью" и "Люблю эту публикацию"
Это можно сделать в самом конце статьи ❤️
Классный пост! Обожаю гифки!
класс! буду пробовать. спасибо за статью, ребята!
благодарим за обратку 🙌
пользуйтесь на здоровье ❤️
Для автоматических запускающихся медиафайлов есть свой файловый ад.
и какой он? 👀
@Анастасия Пермякова, спасибо за скачивание. Понимаю, что вы поклонник агентства.
Авторы и группа поддержки, минусующие комменты с иным взглядом на предмет публикации, вызывают такие себе чувства. Но кто я, чтобы высказывать своё мнение? :)
Ищу девушку
мы в вас верим))
Устал дрочить?
А ведь всё было совсем рядом
https://dtf.ru/u/81440-lebed/1380270-kak-delat-video-chtoby-oni-sami-igrali-i-malo-vesili
не читайте - animated gif
Слава богу, нет автоплейного говна
Группа в Telegram для таргетологов
Присоединяйся и развивайся вместе с нами⤵️
https://t.me/targetclubkz
Спасибо за статью. Что такое битрейт и как его балансировать?