Как добавить GIF в WordPress (2023)

Опубликовано: 2023-03-09

Ищете способ правильно добавить GIF в WordPress ?

GIF отлично подходят для привлечения внимания зрителей и увеличения их времени на вашем блоге и сайте. Однако, когда вы добавляете GIF в блог WordPress , он может не анимироваться и оставаться обычным скучным неанимированным изображением. Поэтому позвольте нам рассказать вам, как правильно добавить его.

Оглавление

Что такое GIF?

GIF — это сокращение от Graphics Interchange Format — точно так же, как изображение, но не обычное изображение. Обычно он анимированный, но также может использоваться для создания неподвижных изображений. Ниже представлено анимированное изображение — GIF-файл минимальной многоцелевой темы Shopify — Storepify :

storepify motion graphic design
Продукт Storepify GIF

Кроме того, мы называем этот тип изображения «Анимированные изображения», потому что на самом деле это не видео, а скорее флипбуки. Абсолютно нет звука, который вы могли бы заметить, если бы видели некоторые GIF-файлы. С другой стороны, на самом деле он создан не для анимации, а для последовательного показа двух или более изображений (например, флипбук, о котором мы только что говорили).

Популярность GIF

Обычно люди используют эти GIF-файлы для шуток, мемов, идей и эмоций. На самом деле формат GIF довольно устарел — они 8-битные, ограничены 256 цветами и обычно выглядели дерьмово. Кроме того, они не полупрозрачны и имеют большие размеры (тяжелее, чем файлы .MP4).

Подробнее: Как сделать сайт на WordPress (2023)

Поэтому люди пытаются заменить GIF, однако всегда терпят неудачу. Причины разные, но мы доставим их тремя способами, чтобы сэкономить ваше время:

  • GIF-файлы легко создавать : первое, что приходит на ум пользователю, — это простота использования. Если он очень прост в использовании, но при этом сохраняет эффективность, зачем нам его заменять? Кроме того, повсюду в Интернете есть бесплатные веб-сайты и приложения для создания GIF.
  • Браузеры разные : у каждого браузера свои особенности, и один из них может помешать запуску вашего сайта. Например, формат APNG появился в 2008 году, но Edge начал поддерживать его только в 2022 году. Однако сейчас все браузеры поддерживают формат GIF.
  • Нет поддержки видео из HTML : поддержка видео на основе стандарта HTML отсутствовала до 2014 года — появления HTML5. Поэтому делиться GIF-файлами проще, чем делиться видео.

Добавить GIF в WordPress: почему ваш GIF работает неправильно?

Иногда вы загружаете GIF-файл в WordPress, и он все еще окрашивается. Ну тогда зачем?

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

default wordpress image sizes

Однако, когда вы создаете новые размеры изображений для GIF, WordPress сохраняет только первый кадр этого GIF. Позже они станут статичными и не будут анимироваться.

Как добавить GIF в WordPress: подробное руководство

Чтобы добавить GIF, у вас должна быть страница или пост, куда их поместить.

На странице/сообщении вы нажмете кнопку «+» в правой части блока и выберите «Изображение».

select image block

Есть 3 способа загрузить свой GIF: Нажмите кнопку « Загрузить » и выберите GIF с вашего ПК; нажмите кнопку « Медиатека » и выберите GIF из вашей медиатеки; или введите ссылку на GIF, выбрав « Вставить из URL ». Однако вам не следует использовать третий способ, так как он не загружает GIF на ваш сайт.

ways to upload your gif

После этого вы должны выбрать опцию «Полный размер» в раскрывающемся меню с правой стороны. Полноразмерное изображение — это исходный GIF-файл, который вы только что загрузили в WordPress. Это предотвратит отображение GIF-файлов WordPress в виде статических изображений, а не анимации.

gif full size option

Вот, вот! Вы только что загрузили GIF на свой сайт, теперь вы можете опубликовать/обновить пост, чтобы увидеть ваши анимированные GIF работы.

Подробнее: Кампания Google #IMakeApps: отличная инициатива по продвижению разработчиков приложений и игр

Добавить GIF в WordPress: как получить GIF

Как и в случае с эмодзи, вы можете выбрать GIF-файлы, соответствующие ситуации. Вот несколько способов поиска и использования GIF-файлов:

  • Google Клавиатура
  • Функция поиска GIF в поисковых системах
  • Копировать ссылку

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

Бонусные советы при добавлении GIF в WordPress

Если вы хотите ускорить свой сайт WordPress, внимательно рассмотрите возможность использования GIF-файлов, поскольку слишком большое количество GIF-файлов на самом деле замедляет работу вашего сайта. Почему? Потому что GIF состоит из множества сжатых/несжатых изображений для создания анимации.

Вы можете использовать некоторые плагины для сжатия GIF-файлов на основе веб-сайтов хостинга GIF, например:

  • Плагин GIF Master для Giphy
  • Плагин EmbedPress для Gfycat

Добавьте GIF в WordPress: создайте свои собственные GIF!

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

Вот самые популярные платформы для создания GIF:

  • Сайты для создания GIF : вы можете найти большое количество таких сайтов в Интернете. Например: Giphy, Gfycat или Imgur. Все они являются популярными производителями GIF, которые помогут вам с « Как добавить GIF в WordPress ». и предлагает вам множество инструментов для преобразования изображений в GIF или видео в GIF.
  • Мобильные приложения для создания GIF : Конечно, вы можете сделать это на ходу. Наиболее распространенными мобильными приложениями для GIF являются Giphy Cam и GIF Maker. Вы помещаете видео или несколько изображений в средство создания GIF и позволяете потоку продолжаться.
  • Программное обеспечение GIF для цифрового ПК : вы, наверное, знакомы с графическим дизайном, верно? Да, вы можете использовать эти приложения для графического дизайна для создания GIF-файлов. Самым популярным программным обеспечением является Adobe Photoshop, хорошо знакомый всем.
Подробнее: Как легко создать клон Udemy с помощью LearnPress

С нашей точки зрения, вам следует создавать свои GIF-файлы с онлайн-сайта, если вы любите простоту.

Добавляем GIF в WordPress: подведение итогов

Действительно, GIF — это анимированное изображение, более живое, чем обычные статичные изображения. Вы можете создавать свои собственные GIF-файлы, но будьте осторожны при добавлении GIF-файла на сайт WordPress или добавлении GIF-файла в блог WordPress . Тем не менее, не стесняйтесь использовать GIF после прочтения статьи!

Подробнее: 7+ лучших плагинов всплывающих окон для WordPress (2023)

Свяжитесь с нами, ThimPress:

Сайт : https://thimpress.com/

Фан-страница : https://www.facebook.com/ThimPress

Ютуб : https://www.youtube.com/c/ThimPressDesign

Твиттер : https://twitter.com/thimpress