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

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

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

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

這意味著什么？

你現(xiàn)在可以主要使用AVIF作為柵格圖像的默認(rèn)格式，因?yàn)樗旧先〈嗽S多常見(jiàn)的JPEG用法。ckl28資訊網(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)容。
• 有損和無(wú)損壓縮：AVIF的無(wú)損壓縮效果遠(yuǎn)優(yōu)于壓縮的位圖和PNG。
• 透明通道支持：類似于PNG，可以存儲(chǔ)半透明圖像，但壓縮效果更好。
• 基于AV1：AV1是一種由開(kāi)放媒體聯(lián)盟開(kāi)發(fā)的免版稅編解碼器，基于Google的VP9編碼。這意味著它將廣泛采用，并且相比其他新興圖像格式更少爭(zhēng)議。
• 主流瀏覽器和廣泛平臺(tái)支持。
• 減少帶寬和更快的加載時(shí)間：更小的文件意味著用戶加載速度更快。

缺點(diǎn)

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

有多小？

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

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

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

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

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

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

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

后端編碼/解碼

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

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

以下是我在GitHub上發(fā)現(xiàn)的一些庫(kù)：ckl28資訊網(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ù)雜性，但通常：ckl28資訊網(wǎng)——每日最新資訊28at.com

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

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

支持舊版瀏覽器

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

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

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

動(dòng)畫(huà)

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

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

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

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

結(jié)論

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

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

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

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

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

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

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

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