.avif是什么文件格式？

AVIF又名AV1圖像文件格式，使用了開(kāi)源、免版稅的AV1編碼壓縮，并以HEIF文件格式進(jìn)行存儲(chǔ)。AVIF圖像最大的特點(diǎn)就是輕量和免授權(quán)，與現(xiàn)有的.JPEG、.PNG、甚至.WebP等圖像格式相比，AVIF的壓縮效率可以做到更高。

AV1視頻標(biāo)準(zhǔn)是開(kāi)放媒體聯(lián)盟聯(lián)手開(kāi)發(fā)的一種跨平臺(tái)的開(kāi)源免費(fèi)視頻編解碼格式，推出后不久，很快就成為了市面上最受歡迎的免版稅視頻編解碼器之一。隨著AV1的成熟，背后的開(kāi)放媒體聯(lián)盟決定順?biāo)�推舟，打造一種全新的圖像文件格式，以借助AV1壓縮算法來(lái)減少Web其它應(yīng)用場(chǎng)景的圖像體積，這個(gè)就是AVIF圖像格式。

AVIF圖像支持多種功能，例如HDR（高動(dòng)態(tài)范圍）、無(wú)損和有損壓縮、不同的色彩空間、膠片顆粒、色度二次采樣等等。

繼微軟（Window10）、Netflix、VLC視頻播放器后，Chrome、Firefox等瀏覽器也宣布支持全新的AVIF圖像格式。

開(kāi)放媒體聯(lián)盟（AOMedia）由谷歌、微軟、亞馬遜、Facebook 臉書、Cisco思科、Netflix 奈飛、蘋果、英特爾等組建。騰訊于2019以董事會(huì)成員身份加入。

AVIF圖片格式的優(yōu)勢(shì)

Netflix的博客從 2020年2月就開(kāi)始大力宣傳AVIF標(biāo)準(zhǔn)的優(yōu)點(diǎn)。該博客詳細(xì)介紹了AVIF，并提供了一些優(yōu)于JPEG的技術(shù)信息。作為AOM的創(chuàng)始成員 ，Netflix一直是AV1編解碼標(biāo)準(zhǔn)的堅(jiān)定支持者。因此，毫不奇怪，他們會(huì)對(duì)使用AV1來(lái)改善其UI體驗(yàn)感興趣。相比于JPEG，AVIF無(wú)論是在壓縮率上還是在生態(tài)上都有著不可小覷的實(shí)力。

1、 AV1編解碼標(biāo)準(zhǔn)和AVIF格式免版稅。

2、 所有Chromium瀏覽器（Chrome 85或更高版本）都支持AVIF。

3、Microsoft Windows 10從19H1開(kāi)始支持AVIF。

4、AVIF得到了Google、Amazon、Netflix、Microsoft、Intel、Apple等公司的支持。

5、AVIF提供比JPEG更高的壓縮效率。

6、AVIF圖像格式支持透明度，HDR，寬色域和其他現(xiàn)代功能。

在與其他圖像格式的PK中，AVIF表現(xiàn)十分突出。

MIME類型

image/avif
image/avif-sequence

AVIF文件怎么打開(kāi)？

如果你電腦上打不開(kāi)AVIF文件，原因可能有很多，而最常見(jiàn)最主要的原因就是你的電腦沒(méi)有安裝可以打開(kāi)AVIF文件的軟件；Windows系統(tǒng)會(huì)彈出提示框：“若要打開(kāi)此文件，Windows需要知道哪個(gè)程序打開(kāi)它”，最簡(jiǎn)單直接的解決辦法就是下載并安裝合適的軟件來(lái)打開(kāi)AVIF文件。

不過(guò)既然上面提到了瀏覽器可以支持.avif格式的圖片文件，那么我們最簡(jiǎn)單的方式就是將：*.avif后綴的圖片文件拖入到帶有chrome內(nèi)核格式的瀏覽器即可打開(kāi)預(yù)覽，比如：chrome、360極速瀏覽器、2345加速瀏覽器……等。

網(wǎng)頁(yè)上如何嵌入使用AVIF

雖說(shuō)AVIF是一項(xiàng)新興技術(shù)，但是目前大多數(shù)瀏覽器都已支持該格式，這意味著您可以直接在<img>標(biāo)簽中使用它。在瀏覽器環(huán)境中實(shí)現(xiàn)AVIF的最佳方法是使用內(nèi)容協(xié)商。在代碼示例中，使用了支持內(nèi)容協(xié)商的HTML 5 <picture>和<source>標(biāo)簽。

<picture>
<!-- use AVIF image if the browser supports it -->
<source type="image/avif" srcset="img.avif">
<!-- in case the browser does not support AVIF -->
<img alt="A Fallback image" src="img.jpg">
</picture>