Как правильно вывести gif на странице?

Question

[Nikolai]

Друзья, такой вопрос. Я на странице вывожу несколько gif, но из-за того, что файлы слишком большие, страница слишком долго грузится. Я пытался вывести вместо gif webm,сконвертировав файлы, но у меня ничего не получилось. Сжимать gif не получается, потому, что 1. Файлы все равно получаются большими, 2. GIF файлы становятся слишком плохого качества. Подскажите, как можно решить этот вопрос?

Answer 1

[Олег]

Если анимации несложные, можно через canvas переделать
а то и css animation хватит

Comments

[Nikolai]

в том то и дело, что анимации сложные...

Answer 2

[Арсений Матыцин]

Отложи их загрузку. Подход называется lazyload.

А вот если их прямо ну очень много, то делай загрузку, скажем, по наведению на элемент. А-ля dribbble.

В обоих случаях тебе потребуется оформить placeholder, а во втором случае еще и сделать jpg-шки пикч для отображения до наведения.

Answer 3

[alakifi]

Используйте отложенную загрузку