Как заменить анимацию загрузки страницы

[DataPro]

#load .pace .pace-activity {
background:url(../images/load.gif) 50% 50%;
margin: -174px 0 0 -175px;
width: 348px;
height: 350px;
}

гифка грузится долго, т.к. имеет большой вес. поэтому лоадер успевает к тому времени закрыться.

Подскажите пожалуйста, как сделать гифку на цсс , или уменьшыть размер.

Возможно вы можете сделать, я готов заплатить

 

[joylord]

Подскажите пожалуйста, как сделать гифку на цсс , или уменьшыть размер.

Возможно вы можете сделать, я готов заплатить

gif на css нельзя сделать.
может что-то подойдет

Для просмотра ссылки Войди или Зарегистрируйся

прелоадер на html5 в canvas

 

[DataPro]

прелоадер на html5 в canvas

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

 

[joylord]

еще могу посоветовать увеличить время минимального времени загрузки страницы.
Но это нужно расковырять этот скрипт, или воспользоваться аналогами:

Для просмотра ссылки Войди или Зарегистрируйся

 

[funnywheel]

Вы покажите гифку, которую юзаете, динамик по разному можно себе представить - вид спереди, сбоку, изометрия.
Первый вариант (спереди) и второй (сбоку) - можно довольно просто реализовать на CSS
Изометрию, другие псевдо-объемные виды или канвас или гифкой.

Можете просто поупорнее погуглить, особенно используя англоязычные запросы, найдете что-нибудь вот такое:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся (это можно взять за основу, добавить анимацию, стилизовать под цветовую гамму)