相關文章

455e3ba2962b159b37dc37979f23d7ed GIF圖檔是網路上常見的檔案格式之一,它除了能夠儲存單張畫面外,也支援多重畫面組成的動畫,像是許多搞笑貼圖或是討論區的動畫大頭貼,便是使用GIF 檔案。然而使用GIF格式儲存動畫比較容易遇到的問題,就是檔案體積容易暴肥,拖慢網頁讀取的速度,因此Imgur就提出全新的GIFV檔案格式來解決這個問題。

GIF靠動畫功能占一席之地

網路上最常見的圖片檔案格式,莫過於JPEG、PNG以及GIF,原則上前兩者都很適合儲存全彩照片,而GIF僅能儲存256種顏色,雖然可以有效降低檔案大小,但是比較不適合應用於全彩照片。

另一方面,GIF原生支援動畫功能,相當適合應用在將時間很短的迷你動畫嵌入網頁中,雖然JPEG陣營的Motion JPEG格式也可以用來儲存動畫,但是由於JPEG檔案支援的色彩較多、檔案較大,因此Motion JPEG在一般情況下檔案比GIF動畫還龐大,因此使用不如GIF廣泛。

▲GIF可用來儲存動畫檔案,但是檔案體積容易暴肥。(本檔案大小為1.36MB,圖片來源,本圖採用創用CC 姓名標示-相同方式分享,作者為Marvel)

▲在顏色數有限的情況下,GIF動畫的畫質受到限制。(本檔案大小為0.99MB,圖片來源

轉成真正動畫更省空間

由網路相簿公司Imgur推出的Project GIFV專案計劃,就是為了解決GIF太占空間的問題。其主要原理為將GIF圖片檔案轉換為MPEG4影片檔案,並以GIFV格式儲存,受益於MP4能做到GIF不能的影格間壓縮,即可大幅縮小檔案體積。在該專案網頁上的示範案例中,能將50MB的GIF檔案壓縮為3.4MB的GIFV檔案,效果相當明顯。

深究其原理,GIF僅以影格內壓縮方式減少檔案體積,而MP4可以進行影格內壓縮與影格間壓縮,有助於進一步縮小檔案體積。簡單地說,影格內壓縮壓縮就是針對影片中的每一幅畫像進行壓縮,而影格間壓縮的主要技術為動態補償,它會比對前後多幅畫像相同的部分,然後只記錄有變動的地方,不重覆記錄沒有變動的地方,因此壓縮效果更加出色。

Imgur表示由於GIFV能有效壓縮GIF動畫圖檔,因此旗下網路相簿上傳GIF檔案的體積限制,將從5MB提升為50MB,而且GIFV將支援在Twitter、Facebook等社群網站中顯示動畫。

這個改變雖然在技術面已經與GIF漸行漸遠,但是將會大幅提升GIF動畫功能給使用者的方便性,讓1987年誕生的GIF能夠提供更出色的使用者體驗。

▲透過全新的技術,能將50MB的GIF檔案壓縮為3.4MB的GIFV檔。(受限於本網站無法嵌入外部資源,可以在Imgur介紹網頁圖片來源觀看GIFV檔案)

延伸閱讀:

加兩條白線,你的 GIF 圖就能變成立體的

低畫質的 GIF 縱橫網路20年了,更優秀的 APNG 為什麼沒能取代它?

在臉書貼上會動的 GIF 圖片

使用 Facebook 留言

國寶大師 李文恩
3.  國寶大師 李文恩 (發表於 2014年10月16日 12:29)
※ 引述《幽理之刻》的留言:
> apng呢╯-__-)╯ ╩╩
APNG目前尚未獲得PNG組織官方認可,也算是半成品

以APNG與GIFV目前的技術面來看
應該是GIFV的規格會比較好

但是檔案格式最重要的關鍵還是在於支援度與普及率
看看後續何者能提供較佳的使用者體驗吧
國寶大師 李文恩
4.  國寶大師 李文恩 (發表於 2014年10月16日 12:29)
※ 引述《Xerath》的留言:
> 實際看了範例
> 效果真的不錯
> 只是不知道能不能成功推廣
就要看看往後各網站是否支援嵌入,以及瀏覽器的相容性了吧
Randolph
5.  Randolph (發表於 2014年11月19日 21:21)
不用擔心瀏覽器支援度的問題
GIFV 是技術名稱而不是檔案格式
就只是將圖檔轉成影像檔儲存......

只要你的瀏覽器可以播影像
就可以用 GIFV

而且啊......
有可能設計判斷使用者的瀏覽器能不能播影像...
如果不支援就載 GIF 圖片檔
如果支援就載 MP4 or WEBM 影像檔


這想法是可遇期的......
主因在於影片傳輸已經得到了影像品質/傳輸效率上的優異表現
而只有傳輸影像動畫(沒有聲音)的 GIF 動畫檔竟然大輸
那為何不用現有的影像技術來取代以往的傳統動畫格式就好了。


應該直接使用 H264/WEBM/OGG 影片來作動畫格式。連先作成 GIF 的動作都直接免了。
現在只剩下一個問題,也許直接制定一個規格區分影片及不帶聲音的影像動畫。
以方便社群網站管理動畫格式,否則不能管理的情況下全部都是以影像播放器的方式呈現,那麼傳統動畫格式的優點就沒了。
(如果你有用過 Google+,想像上面的動畫都要先按播放鈕。)
Randolph
6.  Randolph (發表於 2014年11月19日 23:21)
其實我覺得內文不要用搭火箭那個作範例檔連結,改用第一張圖那個身穿黑色夾客較為妥當。

因為火箭那個 GIFV 一看就知道是直接用原有的影像檔
而不是 GIF 轉成 GIFV 的方式
會誤導讀者以為 GIFV 可以比 GIF 有任何畫質上的提昇

發表回應

謹慎發言,尊重彼此。按此展開留言規則