1. Гифка 1.5мб/ Видео источник 49 кадров 32кб
2. Гифка 2мб/ Видео источник 35 кадров 82кб. Большая + прозрачный фон
Для mp4 нужен видеопроигрыватель, куча настроек, не юзабельно.
webp плохо поддерживаеся, jpg/png спрайты-сетка 7*7 больше мп4 в 2-10 раз + нужна правильная CSS,
а гифки - проблем ноль, но весят тонну.
Это замена. 1. ffmpeg подготовка 2. подключить либу/ FPS=35 7*5, FPS=49 7*7,
Форматы от 2*2 до 9*9 тоже можно и варианты img+transform/bg+position
Можно также грузить сетку jpg/webp напрямую, это быстрее, но размер больше.
Локально тоже работает! Надо сделать js base64 строку через форму-helper (внизу)
Но с сервера грузится исходник и js образ не нужен, только локально из-за CORS.
Вобщем немножко сложнее, но размер анимашки будет в 20раз МЕНЬШЕ!! 1000->100->50
Название mp49 от mp4 + 49 кадров (оптимально для 5 сек анимации + исправление ошибок)