banner
夜光LOEN

夜光LOEN

👨🏻‍💻热爱开源的前端小菜鸟 | 🆓喜欢开源和白嫖 | 🐋喜欢摸鱼

AVIF-下一代圖片格式的使用體驗

在一次偶然保存了 b 站的縮略圖,發現竟然是以 avif 作為後綴的,便引發了我的好奇心,因為網站的縮略圖一般都是 webp,那這個格式有啥子優點可以被 b 站使用呢,於是我就去使用體驗了一下,因為我並不是圖像處理專業的,也只是一個業餘的設計師,因此體驗十分的片面,大家就當看個樂子。

介紹#

此介紹來源於維基百科,地址為:https://zh.wikipedia.org/wiki/AVIF

AV1圖像檔案格式(英語:AV1 Image File Format,簡稱 AVIF)是由開放媒體聯盟開發,採用AV1視訊編碼技術壓縮圖像的一種圖像檔案格式,能用來儲存一般的圖像和動態圖像。AVIF 和蘋果公司產品所用的HEIC(英語:High-Efficiency Image Container)圖像格式都採用了基於國際標準化組織基本媒體檔案格式高效率圖檔格式(High Efficiency Image File Format,簡稱 HEIF)容器,不過 HEIC 採用的壓縮技術來自於HEVC/H.265

Netflix於 2020 年的數個測試中,AVIF 展現了比JPEG更為優秀的壓縮效率,也保存了更為豐富的細節,幾乎沒有方塊效應,在輪廓分明、色彩鮮豔的天然圖像和材質中有更少的色彩失真

使用體驗#

目前支持 avif 格式的網站和軟體不多,但很幸運的是我的圖片查看器 nomacs 支持這種格式的查看(這款軟體也是免費開源的,下載地址:https://nomacs.org/),而 photodemon 支持轉換這種格式,以下是兩組組對比圖,你可以看看兩者之間的差別,來猜猜哪張是 avif,哪張是 jpg(老實講我看不出來區別)
圖 1

圖 2
ok,來揭曉答案,右邊的是 avif,第一張圖 jpg 的大小為 344KB,而 avif 的大小僅為 32.5KB,而第二張圖左邊的 png 大小為 1.53MB,而 avif 的大小僅為 51.2KB!實在是太誇張了有木有!!!🤩🤩🤩,除此之外我還對比了一下 avif 與 webp,發現在同等的大小體積下,avif 比 webp 要更加的清晰!如下圖所示
圖 3

優缺點#

avif 的優點可以說是很明顯的,檔案體積小,畫質高,支持透明背景,但是讓我更想說的是它的缺點,首先就是他比傳統的圖片格式要更加的消耗資源,打開的速度要更慢,其次就是支持的軟體和網站屈指可數,像設計的行業標準軟體 PS,figma 等軟體原生基本都不支持(PS 可以通過使用插件的方式支持),而網頁也基本都是 webp 和 jpeg 為主,真正能使用 avif 的地方基本就沒有,可以說,沒人用,就是它現階段最大的缺點,當然,高情商的說法就是,戰未來的圖片格式。

閒聊#

老實講其實我還是很希望出現一個完美的圖像格式的,支持更廣的色域,更加小巧的檔案體積,更好的顯示效果,更快的打開速度,更小的佔用,但是就目前的 avif 格式而言,我覺得還是做不到這一點的,因為它的打開速度和預覽速度確實是要更加的慢,但是它的優點就是開源,免費,但是要知道 webp 背靠谷歌,普及起來都相當的緩慢,更別說是 avif 了,所以,目前還是正常的使用常見的檔案格式吧,這種就玩玩就可以了。另外本期文章所使用到的檔案轉換軟體是 photodemon,這也是一款免費開源的圖像處理軟體,他可以導出 avif 格式,但是需要另外安裝插件(只需要點擊另存為 avif 就會提示安裝),感興趣的也可以自己玩玩!

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。