GIF гифки до сих живы! Для мп4 нужен видеопроигрыватель, куча настроек, не юзабельно. webp плохо поддерживаеся, jpg/png спрайты-сетка 7*7 больше мп4 в 2-10 раз + нужна правильная css, а гифки - проблем ноль, но весят тонну. Это замена. 1. ffmpeg подготовка 2. подключить либу, FPS=10, 5*5=25 2.5 сек, 7*7=49 4.9 сек, остальные форматы 2*2 до 10*10 тоже есть, для вариантов img/bg transform/position можно также грузить сетку jpg/webp напрямую, это быстрее, но размер больше. Локально тоже работает! Надо сделать js base64 строку. base85/91/122 тоже поддерживаются. но с сервера грузится исходник и js образ не нужен, только локально из-за CORS. Вобщем немного гимороя и размер анимашки будет в 20раз меньше! 1000->100->50

Гифка 1.5мб/ Видео источник 49 кадров 65кб

IMG + transform + реверс туда сюда

Background + position Две анимации (иногда рассинхронизация)