Статьи по: Изображения
Эта статья также доступна на:

Добавление GIF-изображения

GIF — это формат графических файлов, обычно используемый для изображений в Интернете и движущихся элементов в программном обеспечении. Говоря простыми словами, GIF — это самодвижущиеся картинки или видео без звука, которые непрерывно воспроизводятся в автоматическом режиме. Узнайте, как вставить GIF на ваш сайт, чтобы облегчить текстовое содержимое и добавить анимированные элементы.

Важно: эта функция доступна только для сайтов с платными подписками.

Подбор GIF-изображения



Существует множество платформ, позволяющих хранить, загружать и обмениваться короткими анимированными изображениями. Большинство из них позволяют встроить изображение на сайт с помощью тега iframe — эту информацию вы можете найти в справочном центре соответствующего приложения. Тем не менее, изображение будет содержать брендинг стороннего сервиса и, скорее всего, будет выделяться из общего дизайна вашего сайта.

Мы собрали самые популярные приложения, чтобы показать вам, как вы можете добавить GIF-изображение на ваш сайт в Weblium без каких-либо лишних упоминаний сторонних сервисов.

Доступ к GIF-адресу на GIPHY



Откройте приложение GIPHY, выберите подходящее GIF-изображение в поиске или загрузите собственную анимированную картинку на платформу.

Откройте GIF-изображение и нажмите на Copy link в правом меню:



Скопируйте GIF Link во всплывающем окне:



Доступ к GIF-адресу на Imgur



Откройте приложение Imgur, выберите подходящее GIF-изображение в поиске или загрузите собственную анимированную картинку на платформу.

Нажмите на картинку правой кнопкой мыши и выберите Копировать URL картинки в открывшемся меню:



Доступ к GIF-адресу на Gfycat



Откройте приложение Gfycat, выберите подходящее GIF-изображение в поиске или загрузите собственную анимированную картинку на платформу.

Откройте изображение и нажмите на бумажный самолетик в нижнем углу страницы:



Выберите опцию GIFs в появившемся меню:



Скопируйте нужную вам ссылку в новом окне:



Добавление GIF-изображения на ваш сайт



Для начала откройте редактор своего сайта и перейдите на страницу, куда вы хотите добавить GIF-изображение.

Затем, добавьте на страницу Встроенный код из галереи блоков:



... или добавьте Встроенный код как элемент к уже существующему блоку:



Затем наведите на блок и нажмите на появившийся «бегунок»:



Вставьте адрес GIF-изображения во вкладку Code snippet/ HTML и добавьте следующий код вокруг адреса:

<img src="Адрес GIF-изображения.gif">

Вот как это примерно должно выглядеть:



Примечание: если у вас есть знания HTML, вы можете сделать ваше изображение более адаптивным, добавив дополнительный код на ваш выбор.

Нажмите кнопку Сохранить и опубликуйте свой сайт , чтобы изменения вступили в силу.

Готово! Вот как ваше GIF-изображение будет выглядеть на опубликованном сайте:



Подсказка: если вы хотите процентрировать GIF-изображение на странице, для начала, добавьте атрибут class="center" перед закрытием тега <img>. Затем, вставьте следующий код в CSS вкладку:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


Важно: наша служба поддержки не может консультировать вас касательно функционала и работы сторонних сервисов, так как их код был создан не нами и, соответственно, не тестировался на Weblium. Если вам нужна помощь, обратитесь в службу поддержки сервиса, который вы используете.

Обновлено на: 12/12/2022

Была ли эта статья полезна?

Поделитесь своим отзывом

Отменить

Спасибо!