qi028資訊網(wǎng)——每日最新資訊28at.com

AVIF是一種新興的文件格式，本文撰寫時(shí)它已經(jīng)在Microsoft Edge中獲得了支持，從而實(shí)現(xiàn)了顯著的瀏覽器支持。qi028資訊網(wǎng)——每日最新資訊28at.com

qi028資訊網(wǎng)——每日最新資訊28at.com

我們已經(jīng)不再處于技術(shù)的黑暗時(shí)代，大多數(shù)大型網(wǎng)站平臺(tái)通常支持最新版本的瀏覽器及其一年前的版本。你可以開始使用AVIF，并在2024年底之前使用WebP作為回退格式（在此之前回退格式是必要的）。qi028資訊網(wǎng)——每日最新資訊28at.com

這意味著什么？

你現(xiàn)在可以主要使用AVIF作為柵格圖像的默認(rèn)格式，因?yàn)樗旧先〈嗽S多常見的JPEG用法。qi028資訊網(wǎng)——每日最新資訊28at.com

為什么選擇AVIF而不是JPEG和WebP？

• 壓縮效率：比JPEG和WebP等格式具有更高的壓縮比，同時(shí)保留高圖像質(zhì)量。
• 色深：支持8位、10位、12位和16位等廣泛的色深。
• 廣色域和HDR支持：AVIF支持廣泛的顏色范圍和高動(dòng)態(tài)范圍（HDR），使圖像更生動(dòng)逼真，非常適合需要精確顏色和細(xì)節(jié)的應(yīng)用，如專業(yè)攝影和媒體內(nèi)容。
• 有損和無損壓縮：AVIF的無損壓縮效果遠(yuǎn)優(yōu)于壓縮的位圖和PNG。
• 透明通道支持：類似于PNG，可以存儲(chǔ)半透明圖像，但壓縮效果更好。
• 基于AV1：AV1是一種由開放媒體聯(lián)盟開發(fā)的免版稅編解碼器，基于Google的VP9編碼。這意味著它將廣泛采用，并且相比其他新興圖像格式更少爭(zhēng)議。
• 主流瀏覽器和廣泛平臺(tái)支持。
• 減少帶寬和更快的加載時(shí)間：更小的文件意味著用戶加載速度更快。

缺點(diǎn)

計(jì)算密集型壓縮：通常，AVIF壓縮比舊的圖像格式如JPEG更具計(jì)算密集性，但它通常實(shí)現(xiàn)了更高效的壓縮效果。qi028資訊網(wǎng)——每日最新資訊28at.com

有多小？

開放媒體聯(lián)盟非常興奮地聲稱：qi028資訊網(wǎng)——每日最新資訊28at.com

“圖像可以比相似視覺質(zhì)量的JPEG小多達(dá)十倍。”qi028資訊網(wǎng)——每日最新資訊28at.com

此外，qi028資訊網(wǎng)——每日最新資訊28at.com

“AVIF可以實(shí)現(xiàn)40%到90%的壓縮。”qi028資訊網(wǎng)——每日最新資訊28at.com

我們已經(jīng)使用AVIF大約4年了，根據(jù)經(jīng)驗(yàn)，壓縮的大多數(shù)圖像大約是等效質(zhì)量JPEG輸出圖像大小的60%。這仍然令人驚嘆。qi028資訊網(wǎng)——每日最新資訊28at.com

因此，AVIF涵蓋了除以下情況之外的大多數(shù)圖像場(chǎng)景：qi028資訊網(wǎng)——每日最新資訊28at.com

• 矢量圖：SVG和SVG圖像很好地涵蓋了這一點(diǎn)。
• 矢量動(dòng)畫：同樣，SVG在這里表現(xiàn)也不錯(cuò)，盡管在渲染質(zhì)量方面還有提升空間。

后端編碼/解碼

如果在你的首選后端語言中找不到支持AVIF的軟件庫(kù)，可以封裝libavif，官方的AOMedia編碼器/解碼器。或者，如果你有勇氣，可以將其轉(zhuǎn)換為本地支持。qi028資訊網(wǎng)——每日最新資訊28at.com

GitHub - AOMediaCodec/libavif: libavif - 用于編碼和解碼.avif文件的庫(kù)qi028資訊網(wǎng)——每日最新資訊28at.com

以下是我在GitHub上發(fā)現(xiàn)的一些庫(kù)：qi028資訊網(wǎng)——每日最新資訊28at.com

• Node.js: https://github.com/lovell/sharp
• PHP: https://github.com/flyimg/flyimg
• Go: https://github.com/webp-sh/webp_server_go

何時(shí)不使用AVIF

這真的取決于圖像的動(dòng)態(tài)和復(fù)雜性，但通常：qi028資訊網(wǎng)——每日最新資訊28at.com

• 無損矢量/非真實(shí)動(dòng)畫：這取決于具體情況（唉）。
• 在某些“罕見”情況下，當(dāng)比較質(zhì)量/壓縮比時(shí)，WebP甚至JPEG可能勝過AVIF。

作為經(jīng)驗(yàn)法則，AVIF在優(yōu)化寫實(shí)圖像方面通常表現(xiàn)突出。個(gè)人認(rèn)為它在其他圖像如圖表和矢量藝術(shù)中也相當(dāng)占優(yōu)勢(shì)。qi028資訊網(wǎng)——每日最新資訊28at.com

支持舊版瀏覽器

想象一下，有人剛從長(zhǎng)假回來，還沒有更新他們的瀏覽器。qi028資訊網(wǎng)——每日最新資訊28at.com

如果你想在本文撰寫時(shí)開始使用AVIF，請(qǐng)使用srcset或 <picture><source>，以AVIF為主，回退到舊的圖像格式如WebP或JPEG。qi028資訊網(wǎng)——每日最新資訊28at.com

如果從本文寫作時(shí)起Edge已經(jīng)更新了3個(gè)或更多版本，你就可以只使用src。qi028資訊網(wǎng)——每日最新資訊28at.com

動(dòng)畫

動(dòng)畫AVIF示例:https://colinbendell.github.io/webperf/animated-gif-decode/avif.htmlqi028資訊網(wǎng)——每日最新資訊28at.com

雖然這略微超出了本文的范圍，但正如所提到的，AVIF可以像APNG一樣用于動(dòng)畫。qi028資訊網(wǎng)——每日最新資訊28at.com

這兩種格式都遠(yuǎn)優(yōu)于GIF，你應(yīng)該考慮它們作為替代品，因?yàn)樗鼈冇型暾臑g覽器支持，而GIF作為一種舊的動(dòng)畫圖像格式，其壓縮效果較差。qi028資訊網(wǎng)——每日最新資訊28at.com

話雖如此，在電子郵件支持方面要謹(jǐn)慎，因?yàn)槟且彩且粋€(gè)舊的、糟糕的系統(tǒng)，可能不會(huì)一致地支持這些新格式，請(qǐng)務(wù)必檢查。qi028資訊網(wǎng)——每日最新資訊28at.com

結(jié)論

盡量避免比較圖像格式和壓縮結(jié)果的優(yōu)劣。事實(shí)上，所有的無損編解碼器都有代價(jià)；這是一個(gè)權(quán)衡問題。qi028資訊網(wǎng)——每日最新資訊28at.com

你可能不喜歡特定圖像偽影的樣式，但如果這意味著某人在火車上或在延遲較差的情況下可以更快地加載你的網(wǎng)站，作為開發(fā)者你也需要做出妥協(xié)。qi028資訊網(wǎng)——每日最新資訊28at.com

最終目標(biāo)是在合理范圍內(nèi)向用戶提供盡可能小的負(fù)載，無論哪種格式被證明更優(yōu)化。qi028資訊網(wǎng)——每日最新資訊28at.com

在我看來，新圖像格式只是構(gòu)建更好產(chǎn)品、提高用戶體驗(yàn)的工具，而不是競(jìng)爭(zhēng)偏好的問題。qi028資訊網(wǎng)——每日最新資訊28at.com

本文鏈接：http://www.tebozhan.com/showinfo-26-95922-0.html為什么在2024年應(yīng)該使用AVIF而不是JPEG、WebP、PNG和GIF

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： 20 個(gè) Python 字典映射技巧，讓數(shù)據(jù)處理更高效

下一篇： 消息稱英偉達(dá) GB200 AI 芯片供不應(yīng)求，追單日月光、京元電等封測(cè)廠