Версия для печати
Среда, 12 ноября 2025 23:35

Что такое Lottie-анимация и как вставить её в Quix

Автор
Оцените материал
(0 голосов)

Lottie — это современный формат анимации, который делает сайты живыми и лёгкими. В отличие от видео и GIF, Lottie использует векторную графику, поэтому такие анимации занимают минимум места и выглядят чётко на любом экране.

Как создаются Lottie-анимации

Обычно дизайнеры создают их в Adobe After Effects с помощью плагина Bodymovin, который экспортирует проект в формате .json. Этот файл содержит всю информацию об анимации и может воспроизводиться прямо в браузере.

Почему Lottie — отличный выбор:

  • Малый вес и быстрая загрузка.
  • Поддержка прозрачного фона и масштабирования.
  • Простота вставки без программирования.

Как вставить Lottie-анимацию в Quix
В Quix Page Builder (Joomla) это можно сделать двумя способами:

  1. Через ссылку.
    В настройках блока «Lottie» (или «Animation» — в зависимости от версии Quix) просто вставьте ссылку на файл .json с сайта lottiefiles.com или другого источника.
  2. Через загрузку файла.
    Вы можете загрузить свой .json файл прямо на сайт — в менеджере Quix выбрать Upload file, а затем указать его в настройках анимации.

После этого вы сразу увидите анимацию в визуальном редакторе. Её можно масштабировать, настраивать скорость, включать автозапуск и повтор.

Lottie-анимации придают сайту современный стиль и динамику без ущерба скорости загрузки — идеальный вариант для кнопок, логотипов и интро-блоков.

Дополнительный контент для подписчиков портала

Видео обзор Подробнее...

Прочитано 69 раз

Похожие статьи