WebP VS GIF – 將動畫 GIF 保存到 WebP 以節省帶寬
上次更新時間為3年2023月XNUMX日 by 倫德爾·戈尊
不同 | FFmpeg的 | 在線轉換器 | Convertio | WidsMob GIF |
---|---|---|---|---|
功能 | 文件轉換 | 文件轉換 | 文件轉換 | WEBM 轉 GIF |
文件限制 | 與機身相同顏色 | 與機身相同顏色 | 100MB以內 | 與機身相同顏色 |
添加音樂 | 不支持 | 支持 | 不支持 | 不支持 |
編輯GIF | 不允許 | 不允許 | 不允許 | 讓 |
為什麼要將動畫 GIF 轉換為 WebP? 對於何時使用動畫 GIF 或 WebP 文件格式,不同的出版物和網站得出了相互矛盾的結論。 該網站可以自動播放動畫 GIF,同時在 WebP 中加載文件的速度要快得多。 如果您需要節省帶寬和優化閱讀體驗,請閱讀更多內容以了解如何使用 WebP 而不是動畫 GIF 來提高網站性能。
第 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照片。
步驟 1: 下載並安裝 WidsMob WebP,啟動程序,然後單擊 導入模板 按鈕導入動畫 GIF。 導入所需的 GIF 文件後,您可以預覽帶有直方圖、屬性和更多其他參數的 GIF。
步驟 2: 點擊 轉 按鈕,您可以預覽動畫 GIF。 它還使您能夠調整大小、旋轉、翻轉和添加文本/照片水印。 有不同的參數可以調整輸出的字體、樣式、大小、角度、位置和其他參數。
步驟 3:之後,您可以點擊 導出模板 圖標選擇 WEBP 作為輸出格式,調整照片質量,調整持續時間,甚至覆蓋現有文件。 點擊 轉 按鈕以相應地將動畫 GIF 轉換為 WebP 文件。
方法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動畫的循環次數並匯出。
步驟 1:安裝並下載 WidsMob GIF 在您的電腦上啟動它,然後選擇 視頻到GIF 在頁面的3個主要功能區域中。 會跳出對話框,選擇WEBM視訊並將其匯入軟體中。 匯入成功後,影片會自動產生GIF動畫並播放。
步驟 2:GIF 動畫預覽框下方有一個時間軸,您可以透過該時間軸選擇 GIF 動畫的內容。 移動時間軸兩端的選擇框,或輸入時間軸兩端的開始時間和結束時間來選擇GIF動畫的內容。 點選 播放 按鈕預覽 GIF 動畫的播放。
步驟 3:預覽框右側有一系列用於編輯GIF動畫的工具。 點選 視頻調整 按鈕,在出現的下拉式選單中,有3個選項可以調整GIF動畫的HSL。 調整滑桿 對比 並觀察右側預覽框的變化,以達到最佳欣賞效果。
步驟 4:為了方便GIF動畫的分享,您可以透過軟體中的預設調整GIF動畫的大小,這樣就可以直接上傳到分享網站,無需任何壓縮。 點選 選項 按鈕 動圖大小,選擇對應的分享平台和貼文類型,可以修改GIF動畫的大小。
步驟 5:GIF動畫和WEBM影片的播放節奏有差距,需要重新修改。 點選 動圖設置 並在右側的數值框中輸入GIF動畫的播放速度 幀速率。 編輯完成後,點擊 導出GIF 按鈕將轉換後的GIF動畫匯出到軟體。
第 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檔案名稱和儲存目錄。
第 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 影片儲存到您的電腦上。
方法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 影片儲存到您的電腦上。
方法3:FreeConvert
當您需要直接在線下載GIF轉WebP時,您可以簡單地使用 自由轉換 通過轉換 URL 來轉換、裁剪和調整動畫 GIF 的大小。 此外,您還可以調整輸出圖像的大小、調整圖像質量和調整壓縮速度。
步驟 1:在網絡瀏覽器上轉到 FreeConvert GIF to WebP,您可以單擊 選擇文件 按鈕選擇您的 GIF 文件。 如果未確認,您可以選擇 WebP 作為輸出格式。
步驟 2: 點擊 跑步裝備 圖標訪問高級選項,它使您能夠調整輸出 WebP 文件的大小,調整 圖像質量, 和更多。 之後,您可以單擊 應用設置 按鈕以確認設置。
步驟 3: 點擊 轉換為 WebP 按鈕開始轉換。 當狀態變為完成時,您可以單擊 下載 WebP 按鈕以相應地將動畫 GIF 轉換為 WebP。