newsence
來源篩選

Animated AVIF for the Modern Web

Hacker News

This article discusses the benefits and implementation of animated AVIF, a modern image format, for enhancing web performance and visual experiences.

newsence

現代網頁的動態 AVIF 格式

Hacker News
大約 1 個月前

AI 生成摘要

本文探討了動態 AVIF 格式的優勢及其在現代網頁中的應用,旨在提升網頁效能與視覺體驗。

背景

這篇文章探討了動畫 AVIF 格式在現代網頁開發中的應用潛力,強調其作為傳統 GIF 或 WebP 替代方案的優勢。隨著瀏覽器支援度提升,AVIF 憑藉其基於 AV1 編碼的強大壓縮能力,正逐漸成為開發者優化網頁載入速度與視覺品質的新選擇。

社群觀點

在 Hacker News 的討論中,開發者對於動畫 AVIF 最顯著的讚賞集中在「透明層」的支援。一位使用者分享了他在處理如篝火煙霧等需要動態透明效果的場景時,過去必須在 WebM 與 Apple ProRes 之間痛苦地切換,以應對 Safari 對 WebM 透明度支援不全的問題。動畫 AVIF 似乎提供了一個跨瀏覽器且檔案體積合理的解決方案,能同時滿足動畫、透明度與現代瀏覽器的相容性。此外,相較於傳統影片格式,AVIF 作為圖像格式在網頁 UX 上具有天然優勢,它能像 GIF 一樣自動循環播放且不顯示播放控制列,同時還能規避 Safari 對於影片自動播放的嚴格限制。

然而,效能與運算資源的消耗是社群最主要的疑慮。部分意見指出,AVIF 雖然在壓縮率上表現優異,但對硬體的要求極高。有使用者抱怨在一般消費級電腦上開啟充滿 AVIF 檔案的資料夾時,系統會因大量解碼需求而變得極度緩慢,認為該格式在缺乏硬體加速的情況下,實用性不如 JPEG-XL。雖然有人反駁現代 Mac 或搭載最新 Intel CPU 的設備已有硬體解碼支援,但反對者認為,如果一個格式必須依賴特定高階硬體才能流暢運作,那麼它在普及度上仍具劣勢。此外,硬體解碼在處理圖像時可能產生的延遲,也讓某些對即時性要求較高的應用場景感到卻步。

關於技術細節的爭論也十分熱烈。有觀點質疑既然已有 WebM 或 WebP,為何還需要動畫 AVIF。支持者認為 AVIF 擁有更好的位元深度與壓縮效率,且 WebP 在某些高階壓縮場景下已顯露疲態。討論中也延伸到了 AV1 影片編碼的後繼者 AV2,據傳 AV2 能在 AV1 的基礎上再提升 30% 的壓縮率,但代價是更高的運算負載,甚至可能需要 RTX 5090 等級的硬體才能發揮效用。這引發了關於未來影音串流是否會走向「多格式並行」的討論,即針對不同硬體等級的客戶端派送不同編碼的內容。

最後,社群也提到了一些實務上的阻礙。儘管技術上可行,但許多主流平台如 Reddit 至今仍不支援上傳動畫 AVIF,這限制了該格式在一般使用者間的流通。同時,也有使用者對這類格式感到反感,認為這只是另一種讓瀏覽器「禁用自動播放」設定失效的手段,增加了網頁瀏覽時的視覺干擾。

延伸閱讀

  • AV1 與 AV2 編碼比較:討論中提到 AV2 預計於 2025 年底發佈,壓縮效率較 AV1 提升約 30%,但編碼運算需求也大幅增加。
  • Apple 開發者文件:關於 WebKit 交付影片內容的規範,涉及自動播放與靜音設定的限制說明。
  • WebM 容器規範:了解 WebM 作為容器格式如何封裝不同編碼(如 VP9 或 AV1)的技術細節。