如何壓縮動畫 GIF

優化您的網站以獲得更快的性能比以往任何時候都更加重要。 網站用戶期望無縫的用戶體驗和 SERP 的青睞 快速載入的網站. 因此,您需要優化圖像(包括 GIF)以提高網站性能。 如果你是那種使用 GIF 來傳達你的觀點和開玩笑的人,你需要知道如何壓縮它們。 如果您不小心,文件可能會很大,因此圖像優化的一個主要因素包括學習如何壓縮動畫 GIF。

我們將介紹壓縮 GIF 所需的步驟。 我們還將分享您可以使用的壓縮工具匯總,以便您了解自己的選擇。

什麼是動畫 GIF?

GIF 可以是靜態或動畫圖像。 如果您在社交媒體或消息傳遞應用程序上花費了很多時間,例如 臉書信使, 鬆弛或 Skype,您可能已經看過並發送了大量的 GIF 動畫。 與視頻不同,動畫 GIF 是靜態圖像的彙編。 (How-To Geek 將它們稱為「翻書,」我喜歡的表達方式。)

動畫 GIF 本質上包含多個靜態 GIF 圖像。 當幀被組合併按順序播放時,它們似乎會移動。 因為從技術上講,創建一個動畫 GIF 是由許多單獨的文件組成的,所以每個 GIF 都可能佔用相當多的空間。

但是,有一些限制。 GIF 僅支持 256 種顏色,這會影響每個文件的大小,因為顏色組合試圖模仿與 JPEG 一樣豐富的顏色的圖像。 (JPEG 圖像支持高達 1670 萬種色調。)因此,動畫 GIF 的文件大小通常相當大,僅包含大量顏色信息。 在您的網站上託管大型或載入緩慢的 GIF 可能會產生問題 網站性能.

為什麼要壓縮動畫 GIF?

由於大文件(例如動畫 GIF)會降低您的網站性能和載入時間,因此您希望儘可能壓縮它們。 但是,不要在真空中這樣做。 考慮將 GIF 壓縮為您網站的一部分,這一點很重要 優化策略 (其中還應包括壓縮圖像和其他圖形元素)。

如果您是 WordPress 網站所有者,有許多因素會影響您網站的載入時間和性能。 其中一些包括您的 圖片, WordPress插件, 和 網站修訂. 您在您的網站上使用的 GIF 是這個難題的另一個重要組成部分。

動畫 GIF 通常大於 1MB,這意味著您網站的載入時間可能會受到重大影響。 隨著我們繼續前進,您將看到文件大小發生重大變化,一旦您將動畫 GIF 通過壓縮過程。

如何壓縮動畫 GIF

學習如何壓縮動畫 GIF 既簡單又快捷。 我們將引導您完成如何實現這一目標的步驟。 不過,首先,讓我們談談一些可用的 GIF 壓縮選項。

伊茲吉夫

how-to-compress-an-animated-gif 如何壓縮動畫 GIF

伊茲吉夫 是一個免費的壓縮工具,可以輕鬆學習如何壓縮動畫 GIF。 使用這個基於瀏覽器的工具只需幾個簡單的步驟即可上傳和壓縮文件。 該工具通過利用 有損壓縮,這意味著您可以減小文件大小而不會丟失信息。 它還通過略微減少顏色、刪除多餘的幀而不影響動畫本身以及使圖像的某些元素透明來降低您的 GIF 大小。

所有這些結合起來意味著您的用戶要載入的數據將大大減少。

GIF 壓縮器

how-to-compress-an-animated-gif-1 如何壓縮動畫 GIF

GIF 壓縮器 是另一個免費的、基於瀏覽器的壓縮器,它允許用戶一次批量壓縮多達 20 個文件。 如果您進行批量壓縮,那麼您將在該過程完成後下載一個 ZIP 文件。 與 Ezgif 一樣,GIF Compressor 可以免費使用。

壓縮或死亡

how-to-compress-an-animated-gif-2 如何壓縮動畫 GIF

壓縮或死亡 是一款免費的 GIF 壓縮器,專為希望從其 GIF 中創建小型但高質量頭像的用戶量身定製。 該站點允許用戶上傳自己的文件、拖放、粘貼圖像 URL、使用 Base64 數據 URI 或使用 Photoshop-JSX 腳本。 雖然 Ezgif 和 GIF Compressor 均允許最大 50MB 的圖像,但 Compress or Die 僅支持最大 8MB 的圖像。 因此,如果您使用高度詳細的動畫 GIF,這對您來說不是一個好的選擇。

如何使用 Ezgif 壓縮動畫 GIF

Ezgif 可能是大多數人使用的最佳選擇,因此我們將了解為您的網站準備圖像所需的所有步驟。

首先,啟動一個新的瀏覽器窗口並導航到 https://ezgif.com/optimize. 然後,只需選擇要從計算機上傳的圖像。 或者,如果您已經將圖像 URL 在線存儲在某處,則可以粘貼該 URL。 (在這種情況下,我從 吉菲 展示使用此工具的全部好處。)

how-to-compress-an-animated-gif-3 如何壓縮動畫 GIF

單擊上傳,一旦您的文件上傳,它將出現在窗口中。 現在,您可以通過選擇壓縮方式和壓縮程度來優化圖像。 出於本文的目的,我選擇了有損 GIF,並選擇了 200 的壓縮級別(此工具可能最重)。

how-to-compress-an-animated-gif-4 如何壓縮動畫 GIF

單擊優化 GIF,您將看到優化後的 GIF 顯示在原始圖像下方。 優化後的圖像細節和信息將立即可用。

how-to-compress-an-animated-gif-5 如何壓縮動畫 GIF

雖然顏色和質量略有下降,但這種變化不足以保證使用原始形式近 5MB 的 GIF。 壓縮後,文件大小降至 1.58MB。 這減少了 70%。 這真是令人印象深刻。 然而,正如我們上面提到的,即使 1.5MB 仍然是一個相當大的文件。

因此,我們建議您使用內置工具繼續編輯 GIF。 您可以使用圖像下方的菜單將它們保存到您的計算機。 此外,根據您的文件大小(和質量)需求,您可以再次通過 Ezgif 運行它,甚至可以在已壓縮的文件上嘗試另一種壓縮工具。 每次執行此操作時質量確實會下降,但可以達到的水平取決於您的內容。

請記住,即使您對其進行壓縮,動畫 GIF 也無法與 JPEG 相媲美, SVG, 或者 WebP 文件。 如果你需要互聯網上絕對最小、最快的圖像,你應該完全放棄動畫。

結論

當您努力優化您的網站以獲得最佳性能時,請記住 GIF 壓縮。 請記住,GIF 通常比您預期的要大得多,並且在優化您的網站時不應忽視它們。 考慮到所有這些,您知道如何壓縮動畫 GIF(以及完成工作的工具),因此您的網站現在應該載入得更快。

請記住,當您在網站上使用任何類型的媒體時,您需要確保它已獲得適當的商業使用許可。 這包括 GIF——只是為了安全起見。

你最喜歡的壓縮動畫 GIF 的工具是什麼? 讓我們知道我們應該在評論中使用什麼!

特色圖片來自 muchomoros / shutterstock.com

來源

相關文章