如何將 GIF 添加到 WordPress (2023)

已發表: 2023-03-09

正在尋找一種將GIF 正確添加到 WordPress 的方法?

GIF 非常適合吸引觀眾的注意力並增加他們在您的博客和網站上的停留時間。 但是,當您將 GIF 添加到 WordPress 博客時,它可能不會動畫並保持為普通無聊的非動畫圖像。 因此,讓我們指導您如何以正確的方式添加一個。

目錄

什麼是動圖?

GIF 是圖形交換格式的縮寫——就像圖像一樣,但不是普通圖像。 它通常是動畫的,但也可用於製作靜止圖像。 下面是一個動畫圖像 - GIF of Minimal Multipurpose Shopify theme - Storepify :

storepify motion graphic design
Storepify 產品 GIF

此外,我們稱這種類型的圖像為“動畫圖像”,因為它們不是真正的視頻,它們更像是動畫書。 如果看過一些 GIF,您可能會注意到絕對沒有聲音。 另一方面,它並不是真正為動畫製作的,而是用於顯示連續運行的 2 張或更多圖片(就像我們剛才說的動畫書)。

GIF 的流行

通常,人們使用這些 GIF 來製作笑話、表情包、想法和情緒。 實際上,GIF 格式已經過時了——它們是 8 位的,僅限於 256 種顏色,而且通常看起來很垃圾。 此外,它們沒有半透明效果並且尺寸很大(比 .MP4 文件大)。

閱讀更多:如何製作 WordPress 網站 (2023)

因此,人們試圖取代 GIF,然而,他們總是失敗。 原因多種多樣,但我們將通過 3 種方式提供它們以節省您的時間:

  • GIF 製作簡單:用戶首先想到的是易用性。 如果它使用起來非常簡單但仍然保持效率,為什麼我們需要更換它? 此外,互聯網上到處都有免費的 GIF 製作網站和應用程序。
  • 瀏覽器不同:每個瀏覽器都有不同的怪癖,一個可能會阻止您的網站運行。 比如2008年出現的APNG格式,Edge在2022年才開始支持,但是現在所有的瀏覽器都已經支持GIF格式了。
  • HTML 不支持視頻:直到 2014 年才出現基於 HTML 標準的視頻支持——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: 選擇“上傳”按鈕並從您的 PC 中選擇 GIF; 選擇“媒體庫”按鈕並從您的媒體庫中選擇 GIF; 或者通過選擇“從 URL 插入”來輸入 GIF 的鏈接。 但是,您不應該使用第三種方式,因為它不會將 GIF 上傳到您的網站。

ways to upload your gif

之後,您必須從右側的下拉菜單中選擇“全尺寸”選項。 全尺寸圖像是您剛剛上傳到 WordPress 的原始 GIF。 這將防止您的 WordPress GIF 顯示為靜態圖像而不是動畫。

gif full size option

好了,你來了! 您剛剛將 GIF 上傳到您的站點,現在您可以發布/更新帖子以查看您的動畫 GIF 作品。

閱讀更多:谷歌的#IMakeApps 活動:促進應用和遊戲開發者的偉大舉措

將 GIF 添加到 WordPress:如何獲取 GIF

就像使用表情符號一樣,您可以選擇適合情況的 GIF。 以下是查找和使用 GIF 的一些方法:

  • 谷歌鍵盤
  • 搜索引擎上的 GIF 搜索功能
  • 鏈接複製

因此,如果您想保留它們以供使用,您可以將 GIF 下載到您的 PC。 否則,您可以在圖像託管網站上創建一個帳戶,而無需下載它們並淹沒您的 PC。

將 GIF 添加到 WordPress 時的額外提示

如果您想加速您的 WordPress 網站,請仔細考慮使用 GIF,因為過多的 GIF 實際上會降低您的網站速度。 為什麼? 因為 GIF 包含許多壓縮/未壓縮圖像來製作動畫。

您可以使用一些插件來壓縮基於 GIF 託管網站的 GIF,例如:

  • Giphy 的 GIF 大師插件
  • Gfycat 的 EmbedPress 插件

將 GIF 添加到 WordPress:製作您自己的 GIF!

如前所述,創建供您使用的 GIF 非常容易。 不僅是圖像,您還可以根據需要添加文本、圖標、表情符號等。 好吧,你知道,在將GIF 添加到 WordPress之前,你必須有一個 GIF。

以下是製作 GIF 最流行的平台:

  • GIF 製作網站:您可以在 Internet 上找到大量此類網站。 例如:Giphy、Gfycat 或 Imgur。 他們都是流行的 GIF 製作工具,可以幫助您“如何將 GIF 添加到 WordPress ”。 並為您提供大量圖像轉 GIF 或視頻轉 GIF 工具。
  • GIF 製作移動應用程序:當然,您可以在移動中製作一個。 最常見的 GIF 移動應用程序是 Giphy Cam 和 GIF Maker。 您將一段視頻或一些圖像放入 GIF 製作器中,讓流程繼續進行。
  • GIF Digital PC software : 你可能知道平面設計,對吧? 是的,您可以使用這些圖形設計應用程序來製作 GIF。 最流行的軟件是Adobe Photoshop,大家都很熟悉了。
閱讀更多:如何使用 LearnPress 輕鬆創建 Udemy 克隆

在我們看來,如果您喜歡簡單,就應該從在線網站製作 GIF。

向 WordPress 添加 GIF:總結

事實上,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