Нет не можно. gif, mp4 это набор готовых кадров. А анимация на canvas это программируемая штука, и анимация должна быть спроектирована таким образом, чтоб ее можно было запрограммировать. Иначе, как в случае с вашей гифкой, ничего толкового не выйдет. Так как в любом случае понадобится весь набор текстур, их надо будет загрузить, их надо будет накладывать в нужные места по интервалу.
нужен размер на порядок меньше. т.е. исходный креатив прим. 1 Мб, а целевой размер до 100 Кб
Смешно. Без серьезной потери качества невозможно.
Если хочется чтоб было компактно, красиво и масштабируемо, то надо делать всю графику векторной. В ней все описывается параметрами и все выглядит одинаково красиво в любом масштабе.
Все это можно сделать в After Effects, оттуда можно будет экспортировать весь таймлайн, а потом воспроизвести в вебе с помощью специальных инструментов.