WebP VS GIF – 將動畫 GIF 保存到 WebP 以節省帶寬

上次更新時間為3年2023月XNUMX日 by 倫德爾·戈尊


不同FFmpeg的在線轉換器ConvertioWidsMob GIF
功能文件轉換文件轉換文件轉換WEBM 轉 GIF
文件限制與機身相同顏色與機身相同顏色100MB以內與機身相同顏色
添加音樂不支持支持不支持不支持
編輯GIF不允許不允許不允許

為什麼要將動畫 GIF 轉換為 WebP? 對於何時使用動畫 GIF 或 WebP 文件格式,不同的出版物和網站得出了相互矛盾的結論。 該網站可以自動播放動畫 GIF,同時在 WebP 中加載文件的速度要快得多。 如果您需要節省帶寬和優化閱讀體驗,請閱讀更多內容以了解如何使用 WebP 而不是動畫 GIF 來提高網站性能。

將動畫 GIF 轉換為 WebP

第 1 部分:WebP 和 GIF 有什麼區別

無論您需要將動畫 GIF 轉換為 WebP 還是反之亦然,為了更好地了解每種文件類型的性能,讓我們深入了解每種格式。

GIF 概覽

除了 JPEG 和 PNG, GIF格式 是 Internet 上使用最廣泛的文件格式之一,由於其在很久以前的 1987 年開發,得到了大多數瀏覽器的廣泛支持。

GIF 最顯著的特點是它能夠將動作添加到圖片文件中。 動畫 GIF 文件是包含類似於視頻的運動並且無限重複的靜止圖像。 許多網站採用這種格式來代替短片和緊湊的電影。

此外,GIF 允許多達 256 種不同的顏色,這意味著該格式顯示高質量圖像的能力有限。 當您從影片創建動畫 GIF 文件時,質量可能會顯著下降。 這就是您需要將 GIF 轉換為 WebP 的原因。

WebP 概述

谷歌創建了 WebP 格式 在 2010 年取代 Web 上的 JPEG、PNG 和 GIF 圖像格式。 該格式本質上是有損和無損的,並且具有比JPEG和PNG更高的壓縮比。

WebP 和 GIF 一樣支持動畫,動畫 WebP 比 GIF 文件小很多; 假設它們包含相同的內容,WebP 文件的大小大約比 GIF 文件小 10% 到 20%。

以前很少有瀏覽器支持 WebP,但現在除了 IE (Internet Explorer) 之外幾乎所有瀏覽器都支持 WebM,因此幾乎可以在任何設備上不受限制地查看這種格式的照片。

第 2 部分:將 GIF 轉換為 WebP 的簡單方法

方法1: WidsMob WebP

由於 WebP 與動畫 GIF 相比要小得多,因此將 GIF 轉換為 WebP 以獲得更好的性能非常實用,尤其是在節省帶寬方面。 WidsMob WebP 是一種將 WebP 轉換為 JPEG/PNG/ 的通用方法骨形態發生蛋白/GIF 或將其他文件格式轉碼為 WebP。 此外,您還可以旋轉圖像, 調整照片大小,甚至在將它們上傳到您的網站之前將水印添加到 WebP。

1.提供不同的瀏覽模式預覽動畫WebP。

2. 將動畫 GIF 轉換為文件較小的動畫 WebP。

3.以4種不同的模式調整照片大小和 放大照片 輕鬆。

4. 使用文字水印或圖像水印保護WebP照片。

贏下載 Mac下載

步驟 1: 下載並安裝 WidsMob WebP,啟動程序,然後單擊 導入模板 按鈕導入動畫 GIF。 導入所需的 GIF 文件後,您可以預覽帶有直方圖、屬性和更多其他參數的 GIF。

導入動畫 GIF WebP

步驟 2: 點擊 按鈕,您可以預覽動畫 GIF。 它還使您能夠調整大小、旋轉、翻轉和添加文本/照片水印。 有不同的參數可以調整輸出的字體、樣式、大小、角度、位置和其他參數。

編輯輸出 WebP

步驟 3:之後,您可以點擊 導出模板 圖標選擇 WEBP 作為輸出格式,調整照片質量,調整持續時間,甚至覆蓋現有文件。 點擊 按鈕以相應地將動畫 GIF 轉換為 WebP 文件。

將 GIF 導出到 WebP 贏下載 Mac下載

方法2: WidsMob GIF

現在您已經掌握瞭如何將GIF動畫轉換為WEBM文件,但是在某些情況下,使用GIF動畫有很多優點,因此您還需要學習如何將WEBM文件轉換為GIF動畫。 本節將為您提供將WEBM轉換為GIF動畫的詳細步驟和方法,只需要您使用 WidsMob GIF. WidsMob GIF 是一款用於創建、編輯和轉換GIF動畫的軟體,它可以順利地幫助您完成從WEBM影片創建GIF動畫的任務。

1.支援導入MKV、MP4、WEBM等格式視頻

2.透過修改幀率來改變GIF動畫的播放速度。

3.自訂GIF動畫內容並預覽。

4. 設定GIF動畫的循環次數並匯出。

贏下載 Mac下載

步驟 1:安裝並下載 WidsMob GIF 在您的電腦上啟動它,然後選擇 視頻到GIF 在頁面的3個主要功能區域中。 會跳出對話框,選擇WEBM視訊並將其匯入軟體中。 匯入成功後,影片會自動產生GIF動畫並播放。

選擇照片轉 GIF

步驟 2:GIF 動畫預覽框下方有一個時間軸,您可以透過該時間軸選擇 GIF 動畫的內容。 移動時間軸兩端的選擇框,或輸入時間軸兩端的開始時間和結束時間來選擇GIF動畫的內容。 點選 播放 按鈕預覽 GIF 動畫的播放。

WidsMob GIF 播放

步驟 3:預覽框右側有一系列用於編輯GIF動畫的工具。 點選 視頻調整 按鈕,在出現的下拉式選單中,有3個選項可以調整GIF動畫的HSL。 調整滑桿 對比 並觀察右側預覽框的變化,以達到最佳欣賞效果。

WidsMob GIF 亮度

步驟 4:為了方便GIF動畫的分享,您可以透過軟體中的預設調整GIF動畫的大小,這樣就可以直接上傳到分享網站,無需任何壓縮。 點選 選項 按鈕 動圖大小,選擇對應的分享平台和貼文類型,可以修改GIF動畫的大小。

WidsMob GIF 尺寸

步驟 5:GIF動畫和WEBM影片的播放節奏有差距,需要重新修改。 點選 動圖設置 並在右側的數值框中輸入GIF動畫的播放速度 幀速率。 編輯完成後,點擊 導出GIF 按鈕將轉換後的GIF動畫匯出到軟體。

WidsMob 導出 GIF 贏下載 Mac下載

第 3 部分:如何在電腦上將 GIF 動畫轉換為 WEBM 視頻

FFmpeg的 是一個強大的多媒體框架和命令列工具,由於其處理各種多媒體格式的廣泛功能,可以將 GIF 動畫轉換為 WEBM 影片。

步驟 1: 點擊 下載 進入FFmpeg官網 按鈕,下載FFmpeg軟體壓縮包。 在系統目錄下新建FFmpeg資料夾,將下載成功的軟體壓縮包移至該資料夾。

步驟 2: 點擊 開始 Windows 桌面上的圖示並輸入 CMD 在搜尋框中輸入指令電梯程式。 需要透過輸入 ffmpeg 並點擊來啟用 FFmpeg 程序 Enter 鍵。

步驟 3:如果需要使用FFmpeg將GIF動畫轉換為WEBM,則需要輸入ffmpeg -i inputfilename.gif -c VP9 -B:V 0 -CRF 40 outputfilename.webm。

其中-c指視訊解碼器,WEBM通常使用VP8或VP9。

-b:V為視訊碼率,品質可以用0指定。

-crf 指指定轉換後的品質。

步驟 4:GIF動畫成功轉換為WEBM檔案後,可以透過檔案名稱進行搜尋。 您也可以指定WEBM檔案名稱和儲存目錄。

贏下載 Mac下載

第 3 部分:如何在線將動畫 GIF 轉換為 WebP

方法1:在線轉換器

在線轉換器作為一個線上轉換器,提供了一種將GIF動畫轉換為WEBM影片的便捷方法。 您無需安裝任何軟體,直接在瀏覽器中使用。 雖然不可避免地會出現一些廣告彈出窗口,但非常特別的是它允許您在轉換過程中添加音樂檔案。

步驟 1:直接在瀏覽器中造訪https://www.onlineconverter.com/gif-to-webm,將GIF輸入到Online Converter的WEBM頁面。 點選 選擇文件 頁面上的 按鈕,在彈出的對話框中選擇GIF動畫,匯入到網站中。

線上轉換器選擇文件

步驟 2:導入成功後,可選擇 音頻文件 in 背景音樂,以便您可以為WEBM影片匯入背景音樂。 您可以將 GIF 動畫設定為重複播放,直到音樂結束。 點選 按鈕開始轉換 GIF 動畫。

線上轉換器 轉換

步驟 3:等待進度條完成,GIF動畫轉換完成。 點選 下載 按鈕將轉換後的 WEBM 影片儲存到您的電腦上。

線上轉換器 立即下載 贏下載 Mac下載

方法2:Convertio

Convertio 是一種合法且流行的線上文件轉換服務,支援轉換各種文件類型,包括圖像、文件、音訊、視訊等。 Convertio 確實有能力將動畫 GIF 轉換為 WEBM 視頻,但不幸的是,它有文件限制,不能上傳大於 100MB 的文件。

步驟 1:開啟瀏覽器輸入https://convertio.co/gif-webm/,直接進入Convertio的GIF到WEBM功能頁面。 點選 選擇文件 按鈕從本機電腦選擇 GIF 動畫並將其匯入網站。 您也可以從以下位置匯入動畫 GIF: Dropbox或Google雲端硬盤

. 轉換選擇文件

步驟 2:GIF動畫導入成功後,會出現在清單中。 點選 添加更多文件 清單下方的按鈕可新增更多 GIF 動畫以進行批次轉換。 新增GIF動畫後,點選 按鈕開始將 GIF 動畫轉換為 WEBM 的過程。

轉換轉換

Step3:轉換完成後可以看到這個字樣 以及頁面上WEBM影片的相關資訊。 點選 下載 按鈕將從 GIF 動畫轉換的 WEBM 影片儲存到您的電腦上。

Convertio下載 贏下載 Mac下載

方法3:FreeConvert

當您需要直接在線下載GIF轉WebP時,您可以簡單地使用 自由轉換 通過轉換 URL 來轉換、裁剪和調整動畫 GIF 的大小。 此外,您還可以調整輸出圖像的大小、調整圖像質量和調整壓縮速度。

步驟 1:在網絡瀏覽器上轉到 FreeConvert GIF to WebP,您可以單擊 選擇文件 按鈕選擇您的 GIF 文件。 如果未確認,您可以選擇 WebP 作為輸出格式。

步驟 2: 點擊 跑步裝備 圖標訪問高級選項,它使您能夠調整輸出 WebP 文件的大小,調整 圖像質量, 和更多。 之後,您可以單擊 應用設置 按鈕以確認設置。

步驟 3: 點擊 轉換為 WebP 按鈕開始轉換。 當狀態變為完成時,您可以單擊 下載 WebP 按鈕以相應地將動畫 GIF 轉換為 WebP。

免費轉換 WebP 贏下載 Mac下載

第 4 部分:關於將 GIF 轉換為 WebP 的常見問題解答

1與動畫 GIF 相比,WebP 的優勢是什麼?
與 GIF 的 8 位顏色和 1 位 alpha 通道相比,WebP 支持 24 位 RGB 顏色和 8 位 alpha 通道。 WebP 允許有損和無損壓縮。 事實上,單個動畫可以包含有損和無損的幀。 GIF 是一種無損壓縮格式。
2你應該在你的網站上使用 WebP 而不是 GIF 嗎?
由於文件大小減小,包含 WebP 圖片的頁面加載速度更快。 根據網站建設專家的說法,加載時間的每一秒都會影響訪問者滿意度 16%,如果 4 秒內沒有加載,每四個訪問者中就有一個會完全放棄您的網站。
3為什麼動畫 GIF 比 WebP 文件大?
GIF 使用無損壓縮算法,這意味著壓縮像素數據時不會丟失任何信息。 這就是為什麼您的某些動畫 GIF 佔用的空間可能比您預期的要多,因為混合少量顏色以實現逼真的陰影可能需要更多數據。

結論

從動畫 GIF 切換到動畫 WebP 產生了可觀的節省,圖像大小和帶寬減少了 65-90%,同時保持了相同的視覺效果。 儘管有限的瀏覽器支持 WebP 文件,但較新版本的 Chrome 越來越普及。 這就是 WebP 的價值在增長的原因。 為了節省帶寬,將動畫 GIF 轉換為 WebP 使用 WidsMob WebP 應該是您的選擇。

贏下載 Mac下載

您可能感興趣