AVIF (AV1圖像文件格式)是一種現代圖像文件格式規範，用於存儲圖像，與JPG、JPEG、PNG和WebP等其他格式相比，它可以顯著減小文件大小。 AVIF規範1.0.0版於2019年2月最終確定，並由開放媒體聯盟發布。
與JPG相比，它可以節省50%的文件大小，與WebP相比，它可以節省20%的文件大小，同時保持圖像質量。
本文將介紹一些基於瀏覽器的工具和命令行工具，用於創建AVIF圖像。
幾年前，Jake Archibald撰寫了一篇關於這種新型圖像格式的文章，並幫助我們識別了一些壓縮圖像的缺點，通常在壓縮到AVIF時，您應該注意以下兩點：
另請參閱：Addy Osmani在Smashing Magazine上深入探討了使用AVIF和WebP。
Squoosh是一款流行的圖像壓縮網絡應用程序，允許您將多種格式的圖像轉換為其他廣泛使用的壓縮格式，包括AVIF。
Cloudinary的免費圖像到AVIF轉換器是另一個不需要任何代碼的圖像工具。您只需上傳選定的圖像（PNG、JPG、GIF等），它就會返回壓縮版本。其API除了創建AVIF圖像外，還具有圖像增強和人工生成圖像填充等更多功能。
我相信您來到這裡是因為您正在尋找一個免費且快速的轉換器。因此，瀏覽器解決方案應該足夠了。
特性
您可以在Cloudinary AVIF轉換器常見問題解答中找到常見問題的答案。
lovelll 的 avif-cli 允許您獲取存儲在文件夾中的圖像（PNG、JPEG等），並將其轉換為指定縮減大小的AVIF圖像。
以下是要求以及您需要執行的操作：
安裝軟件包：
<code>npm install avif</code>
在您的終端中運行命令：
<code>npx avif --input="./imgs/*" --output="./output/" --verbose</code>
您可以通過avif-cli GitHub頁面了解更多命令。
sharp是另一個有用的工具，用於將常見格式的大圖像轉換為更小、更適合網絡的AVIF圖像。
以下是要求以及您需要執行的操作：
安裝軟件包：
<code>npm install sharp</code>
創建一個名為 sharp-example.js 的JavaScript文件並複制此代碼：
const sharp = require('sharp')
const convertToAVIF = () => {
sharp('path_to_image')
.toFormat('avif', {palette: true})
.toFile(__dirname + 'path_to_output_image')
}
convertToAVIF()其中 path_to_image 表示圖像的路徑及其名稱和擴展名，例如：
<code>./imgs/example.jpg</code>
而 path_to_output_image 表示您希望圖像存儲的路徑及其名稱和新擴展名，例如：
<code>/sharp-compressed/compressed-example.avif</code>
在您的終端中運行命令：
<code>node sharp-example.js</code>
就是這樣！您應該在輸出位置有一個壓縮的AVIF文件！
另請參閱：Stanley Ulili關於如何使用Sharp在Node.js中處理圖像的文章。
AVIF是一項前端開發人員應該考慮在其項目中使用的技術。這些工具允許您將現有的JPEG和PNG圖像轉換為AVIF格式。但是，與在您的工作流程中採用任何新工具一樣，需要根據您的特定用例正確評估其優點和缺點。
我希望您像我一樣喜歡閱讀這篇文章。非常感謝您的時間，祝您度過愉快的一天！
以上是創建AVIF圖像的有用工具的詳細內容。更多資訊請關注PHP中文網其他相關文章！
