如何將 JPG 影像轉換為 AVIF

已發表: 2024-10-09

您想節省高達 50% 的 JPG 檔案大小嗎?將它們轉換為 AVIF 格式!這種簡單而強大的轉換徹底改變了影像優化的遊戲規則。 AVIF 可縮小檔案大小,同時保持圖片品質不變,進而在不影響視覺效果的情況下加快網頁載入速度。

在本文中,您將發現我們精心挑選的工具,可協助將 JPG 轉換為 AVIF 以提高效能。

為什麼要將 JPG 影像轉換為 AVIF

將 JPG 影像轉換為 AVIF 的第一個充分理由是提高網站的效能。 Google 建議以下一代格式(例如 AVIF 或 WebP)提供映像,以獲得比 JPG 或 PNG 更好的壓縮等級。

Google 建議將影像轉換為 AVIF 以提高效能 - 來源:PageSpeed Insights
Google 建議將影像轉換為 AVIF 以提高效能 - 來源:PageSpeed Insights
提示: WebP 也是下一代格式,與 JPG 相比平均節省 30%。如果您不確定對影像使用 WebP 還是 AVIF,請查看我們的詳細指南。

JPG 和 AVIF 檔案有什麼不同?

由於其先進的壓縮技術和附加功能,AVIF 通常被認為是 JPG 的優越替代品:

  • AVIF 提供比 JPG 大得多的壓縮容量,使您能夠在保持同等視覺品質的同時實現更小的檔案大小。
  • AVIF 支援透明度,而 JPG 不支援。
  • AVIF 可以處理更高的色彩深度,使其適合需要更高色彩保真度的影像。
  • 每個瀏覽器都廣泛支援 JPG,而最受歡迎的瀏覽器的(非常)舊版本不支援 AVIF。另外,QQ瀏覽器、Opera Mini、KaiOS瀏覽器不支援此格式。您可以從「caniuse」網站即時查看所有相容性資訊。

如果您好奇,以下是瀏覽器對 AVIF 的支援:

2024 年支持 AVIF - 資料來源:Caniuse
2024 年支持 AVIF – 資料來源:Caniuse

AVIF 比 JPG 好嗎?

AVIF 通常比 JPG 更好,因為它可以將檔案大小減少多達 50%,同時保持相似的品質。這是透過 AV1 視訊編解碼器實現的,它可以有效地壓縮影像而不損失品質。 AVIF 還支援更高的顏色深度,從而產生更準確的顏色、更好的細節和更少的壓縮偽影。

這是一個例子。

如果您比較一下 JPG 和 AVIF 的下圖,您能發現任何差異嗎?不是真的,對吧?這是因為 AVIF 和 JPG 提供相似的視覺質量,只是 AVIF 的檔案大小較小。

AVIF 轉換保持相似的品質 - 來源:Imagify
AVIF 轉換保持相似的品質 – 來源:Imagify

下表顯示了將 JPG 檔案轉換為 AVIF 所節省的空間,突出顯示 AVIF 可以顯著節省空間。總體而言,AVIF 提供了改進的壓縮(平均減少 50%),這對於儲存空間有限的行動裝置特別有利。

JPG 到 AVIF 統計數據 - 來源:Imagify
JPG 到 AVIF 統計數據 – 來源:Imagify

如何將 JPG 轉換為 AVIF

將 JPG 影像轉換為 AVIF 格式可以顯著減小檔案大小,同時保持較高的影像品質。

以下是三種便捷的方法轉換:

  1. 使用 WordPress 外掛將 JPG 轉換為 AVIF
  2. 使用線上工具將 JPG 轉換為 AVIF
  3. 使用軟體將 JPG 轉換為 AVIF

讓我們回顧一下每種技術,重點介紹一些優點和缺點,並為每種技術提供一個簡短的教程,以便您做出明智的決定。

1. 使用 WordPress 外掛將 JPG 轉換為 AVIF

如果您管理 WordPress 網站,則可以使用ImagifyAVIF Express等外掛程式將上傳的 JPG 映像自動轉換為 AVIF 格式。

如果出現以下情況,此方法是理想的:

你是一個 WordPress 使用者願意直接在 WordPress 儀表板內進行轉換或執行批次轉換,因此無需下載、轉換和重新上傳圖片。它可以為您節省大量時間。

要記住:
您需要安裝 WordPress 外掛才能開始 AVIF 轉換。

️ 如何使用 Imagify 將 JPG 影像轉換為 AVIF:

Imagify 是市場上最簡單的 WordPress 插件,只需點擊幾下即可自動將 JPG 圖像轉換為 AVIF。您可以選擇啟動現有影像以及未來上傳的轉換。

最重要的是,Imagify 還使用智慧壓縮等級來壓縮映像。它可以在不影響品質的情況下檢測最佳壓縮級別,確保您節省更多檔案大小。

該插件是免費的;您每月可以免費轉換和優化 20MB 資料。高級套餐起價為每月 5.99 美元(500MB),每月僅需 9.99 美元(無限數據)。

  1. 從 WordPress 管理員免費下載 Imagify 並建立一個帳戶來產生 API 金鑰。安裝並啟用插件。
下載並安裝 Imagify - 來源:Imagify
下載並安裝 Imagify – 來源:Imagify

2. 前往設定> Imagify並選擇AVIF格式。

啟動 AVIF 轉換 – 來源:Imagify

3. 停留在頁面上,向下捲動,然後按一下「儲存並前往批次優化器」

「儲存並轉到批次優化器」按鈕 - 來源:Imagify
「儲存並轉到批次優化器」按鈕 – 來源:Imagify

4. 點選「 Imagify'em all 」按鈕開始轉換和壓縮。

批量 AVIF 轉換 - 來源:Imagify
批次 AVIF 轉換 – 來源:Imagify

5. 就是這樣!如果您前往該庫,您會發現所有圖像都已轉換為 AVIF 並經過優化以獲得更好的效能。

包含所有優化文件的圖像庫 - 來源:Imagify
包含所有優化文件的圖像庫 – 來源:Imagify

轉換後的品質檢查:

  • 由於壓縮和 AVIF 轉換,Imagify 節省了 75% 的檔案大小。
  • 轉換和壓縮後質量仍然相同。
使用 Imagify 節省 75% - 來源:Imagify
使用 Imagify 節省 75% – 來源:Imagify
發現更多可以幫助您執行 AVIF 轉換的插件。

2. 使用線上工具將 JPG 轉換為 AVIF

許多在線轉換器,例如 Convertio.coOnlineconvertfree.com 允許您上傳 JPG 檔案並快速將其轉換為 AVIF,無需安裝軟體。

如果出現以下情況,此方法是理想的:

您正在尋找一種無需安裝額外插件或軟體的快速轉換方法。另外,線上工具通常是免費的。

要記住:

但請注意,您通常需要為批次轉換付費,如果您是 WordPress 用戶或任何其他 CMS,則必須先將圖片上傳到線上平台,進行轉換、下載,然後重新上傳到 WordPress 。

️ 如何使用 Onlineconvertfree 將 JPG 影像轉換為 AVIF:

  1. 造訪 Onlineconvertfree 網站。
  2. 在藍色欄位中上傳您的圖像。
上傳檔案進行 AVIF 轉換 - 來源:Onlineconvertfree
上傳檔案進行 AVIF 轉換 – 來源:Onlineconvertfree

3. 點選轉換按鈕。
轉換按鈕 - 來源:Onlineconvertfree
轉換按鈕 – 來源:Onlineconvertfree

4. 點選「下載」按鈕以取得轉換後的檔案。

下載你的 AVIF 檔案 - 來源: Onlineconvertfree
下載您的 AVIF 檔案 – 來源:Onlineconvertfree

轉換後的品質檢查:

  • 由於 AVIF 轉換,Onlineconvertfree 節省了 50% 的檔案大小。
  • 轉換後品質仍然相同。
Onlineconverterfree 節省了 50% 的檔案大小 - 來源:onlineconvertfree
Onlineconverterfree 節省了 50% 的檔案大小 – 來源:onlineconvertfree

3. 使用軟體將 JPG 轉換為 AVIF

XnConvertFilestar等流行軟體提供了以 AVIF 格式轉換或匯出影像的選項。

如果出現以下情況,此方法是理想的:

如果您需要進行一些高級照片編輯,您更喜歡對轉換設定進行更多控制。

要記住:

設計軟體可能不是最方便的解決方案,因為您需要安裝或下載軟體、上傳映像、轉換映像、匯出映像,然後將它們上傳到您的 CMS(例如 WordPress)。這涉及到單次轉換的許多額外步驟。

️ 如何使用 XnConvert 將 JPG 影像轉換為 AVIF

XnConvert 是一個支援多種格式的影像轉換器,包括 AVIF。該程式可免費下載並用於個人目的。然而,對於商業用途,一個許可證的起價為 15 歐元。

  1. 下載 XnConvert 軟體。
下載程式 – 來源:XnConvert

2. 打開它並完成啟動精靈。

嚮導 - 來源:XnConvert
精靈 – 來源:XnConvert

3. 按一下「新增檔案」以匯入需要轉換的 JPG 檔案。

「新增檔案」按鈕 - 來源:XnConvert
「新增檔案」按鈕 – 來源:XnConvert

4. 前往輸出選項卡,從下拉式選單中選擇 AVIF,然後按一下轉換按鈕。

選擇輸出格式 (AVIF) 並點選「轉換」按鈕 - 來源:XnConvert
選擇輸出格式 (AVIF) 並點選「轉換」按鈕 – 來源:XnConvert

5. 您的 AVIF 檔案將會出現在您決定要儲存的電腦上。

自動下載到您的電腦中的 AVIF 檔案 - 來源:我的桌面
自動下載到您的電腦中的 AVIF 檔案 – 來源:我的桌面

轉換後的品質檢查:

  • 由於 AVIF 轉換,XnConvert 節省了 49% 的檔案大小。
  • 轉換後品質仍然相同。
AVIF 轉換節省了 49% - 來源:XnConvert
AVIF 轉換節省了 49% – 來源:XnConvert

總結

總而言之,AVIF 比 JPG 提供更好的節省(約 50%),這意味著只需進行轉換即可獲得更好的網頁效能。

AVIF 仍然需要比 JPG 更普遍的支持,但支援正在成長,幾乎所有流行瀏覽器的最新版本都已經支援它。

轉換是影像優化的第一步。像 Imagify 這樣的插件可以讓您輕鬆地將 JPG 轉換為 AVIF並進一步壓縮圖像,而不會影響其品質。記住?借助 Imagify,我們實現了 75% 的總文件節省,這意味著為訪客提供更小的文件大小、更輕的頁面以及更快的內容呈現。滿意的用戶更有可能留在您的網站上、進行購買,甚至回來!

最棒的是您無需承擔任何風險,因為 Imagify 每月可免費進行約 200 個圖片優化 (20MB)。 嘗試立即將 JPG 轉換為 AVIF Imagify,看看您的效能有何提升!