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

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

Подбор 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-изображение.

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



... или добавьте Embed code как элемент к уже существующему блоку:



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



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

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

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



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

Нажмите кнопку Save и опубликуйте ваш сайт , чтобы изменения вступили в силу.

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



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

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


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