為什麼30多年過去了，GIF還沒有被淘汰？_風聞
差评-差评官方账号-2021-08-05 06:38
本文原創於微信公眾號：差評 作者：差評君
要説現在人們網上衝浪接觸最多的東西，應該就是各種各樣的表情包了。
自從智能手機普及之後，表情包的使用頻率也在直線上升，這年頭誰手機裏還沒個百八十張表情？
差評君甚至覺得，現在的年輕人沒有表情包都不會交流了，説兩句話不發表情的話就渾身難受。
不過相比較靜態的表情，更多人會選擇發動圖來表達自己的心情，也就是 gif 格式的圖片。
上勾拳！▼
動圖這東西可以説是網上衝浪的必備良品了，無論是微博還是微信，你都可以看到各種各樣的動圖。
熟悉的圖標出現了 ▼
除了表情，動圖的用處也十分廣泛，比如編輯們在展示一些畫面的時候，並不需要放上整個視頻，只要一個幾秒鐘的動圖就可以了。
不過使用動圖的時間一長，這也帶給了差評君一個疑問**：動圖用起來這麼方便，那麼 gif 這種格式到底是怎麼來的？**
於是差評君去相位猛衝了一波資料，打算給大家簡單聊聊 gif 這種格式。
gif 的全稱是 Graphics Interchange Format**（ 圖形交換格式 ），誕生於 1987 年，最初是為了填補跨平台圖像格式的空白，用人話來説就是填補了靜態圖片和視頻之間的空隙。**
gif 最初由一家叫做 CompuServe 的公司搞出來，這也是美國最早的一家信息服務公司。
gif 和常見的圖片一樣，都是由不同的像素點組成的，但是它最多隻能顯示 256 種顏色，也就是 8 位圖。。。
255 色和 1859 色的區別 ▼
而像現在大多數的顯示器，其實都已經是 32 位的了。
但正是由於這種特點，gif 更適用於色彩比較少的圖片，比如簡單的 LOGO 或者卡通人物等等。
彩虹貓也是 gif ▼
不過至於世界上第一張動圖到底長什麼樣，這個就眾説紛紜了。
維基百科上面顯示的是這個地球自轉的 gif，有不少人認為這就是第一張 gif 。
但 Reddit 上面有人覺得下面這張飛機 gif 才是萬物起源。
正當差評君差點就信了網友的説法時，我跑到維基百科上面定睛一看，**發現 gif 到了 1995 年才能循環起來，**這已經是 gif 誕生 8 年之後了。。。
所以世界上第一張動圖看樣子是無處考究了，但之所以 gif 能在 1995 年開始循環播放，其實要靠一個叫做**網景****（ Netscape ）**的瀏覽器。
這個瀏覽器誕生自同名的一家計算機服務公司，在 1995 年的 Netscape 2.0 版本中，它正式支持了 gif 格式，並且能讓動圖循環播放，對於用户來講是一次重大的使用體驗提升。
這款瀏覽器在當時的名氣相當大，甚至不比 IE 瀏覽器差，但它最終還是在 2008 年壽正終寢了。。。
唉，只能説當 Netscape 在 1995 年支持循環播放 gif 的那一刻，某種意義上來説是它器生巔峯了，哪怕它後來被微軟 IE 乾死，也永遠會被人記住。。。
照理來講，gif 當時在能動的基礎上還能循環，普及速度應該會很快才對，然而發明了 gif 的公司卻遭遇了專利問題。
這個事情其實很簡單，gif 之所以能夠在有限的大小實現了動態畫面，是因為它採用了 LZW**（ Lempel-Zev-Welch ）**壓縮算法。
LZW 算法也叫做 “ 串表壓縮算法 ”，這種算法會用數字來表示文件中第一次出現的串，然後再放進串表中。
而壓縮文件只存儲數字，不存儲串符，這樣壓縮效率就會得到提高。
差評君在這裏舉一個例子，比如**“ ABABAB ”**這串字符，就可以用數字來替代。
而這裏 AB 是重複的，那麼就可以用數字 3 來代替 AB，這時就變成了 AB33。
前面的 A 和 B 也可以用 1 和 2 來代替，那麼整個字符就變成了 1233。
而用來記錄字符的表格，也叫做 Dictionary（ 字典 ）。
但平常的 LZW 一般不會這麼表示，因為 LZW 初始是有一個默認的字典的，這裏只是為了方便理解。
但並不是什麼時候用 LZW 壓縮法都是好的，如果遇到重複字符很少的情況，有可能越壓越大。。。
所以差評君個人可以理解成在遇到畫面變化幅度比較小的場景時，LZW 可以更高效地壓縮文件，因為相同的色塊壓縮起來效率更高。
這也就是為什麼有些動圖看着挺長，但由於畫面沒什麼變化，所以只有幾 MB 大小。
而當時擁有這個算法的公司 Unisys 覺得這是自家專利，其他公司如果想使用 LZW 壓縮技術的話，都要給 Unisys 付錢。。。
而當時被 gif 廣泛影響着的互聯網，也被 Unisys 的陰影籠罩着，有些人在當時開發出了不含 LZW 算法的 gif 版本，大家現在耳熟能詳的 png 格式也是因此誕生。
其實 Unisys 沒有大家想得那麼邪惡。
甚至在 1999 年，Unisys 修改了專利授權條款，商業使用 Gif 的網站和軟件商只要一次性付一筆 5000 - 7500 美元的授權費即可，使用網站和軟件的普通的用户和創作者是不需要花錢的。
不僅如此，Unisys 還給許多非盈利結構，學術研究機構免費提供免費授權。
但當時的人們可能有點上頭了，以為只要用 gif 就要付費，瘋狂口誅筆伐 Unisys，他們收到了成千上萬封謾罵輸出的郵件。。。直到 2003 年 LZW 專利到期。
所以説啊，專利並沒有阻擋 gif 在互聯網的普及，越來越多的人接觸到了動圖，甚至在 90 年代的時候，gif 還能被用來當做工具圖。
這種施工中動圖五花八門，數量非常多，甚至有一個網站專門收錄了所有的施工中動圖。。。
當年的網速普遍不快，網站通常無法一步到位建設成功，所以許多網站和博客都喜歡放上一張正在施工的動圖，既生動又有儀式感，比一句冷冰冰的 “ 暫未開放 ” 要好多了。
到了 1996 年，世界上第一張大範圍傳播的 gif “ 跳舞的嬰兒 ” 橫空出世。
就是這個看着又魔性又怪的動圖，自從面世之後幾乎像病毒一樣席捲了互聯網。
你要問人們有沒有認真思考過 gif 的替代品，那也是有的。
還記得當時因為專利陰影而被髮明出來的png格式嗎？
png 擁有和 gif 一樣的特點，那就是文件的體積比較小。
不過 png 和 gif 相比，最大的區別我猜你也知道：它不能動。
於是開發者們在 2001 年基於 png 發佈了 mng 格式，終於再次讓圖片動了起來。
但是這個格式根本沒啥人用，像是 Chrome 和 IE 等瀏覽器壓根就沒支持過 mng 。
2004 年，一種叫做apng的動圖格式誕生於火狐瀏覽器所在的公司，它和 gif 類似，但是它是以一幀幀 png 組成的。
再結合優異的壓縮算法， apng 在文件大小和 gif 相似的情況下，圖片質量要更高，而且即使不加載整個動圖也能預覽第一張。
不過呢，業界對於這個新技術反應平平，直到 2017 年才只有 Safari 和火狐瀏覽器支持，2019 年 Chrome 才跟上。
於是， gif 依然是網友們展現自己的藝術細菌的主流格式。
而其中的一些表情，完全可以用萬惡之源來形容。。。
經典詠流傳 ▼
但做表情並不是 gif 的最終宿命，最近幾年，人們又玩出了新花樣，那就是把藝術作品變成動圖。
一些藝術家選擇用動圖來進行藝術創作，大多數藝術動圖都會以循環的方式來呈現，比如藝術家 Rafael Verona 的這張 gif。
這種動圖藝術並不是藝術家的專屬創作方式，每個人都可以搞一波動圖創作。
而説到動圖創作，就不得不提到Tumblr 了，這個創立於 2007 年的社交平台也是世界上最早最大的輕博客平台。
比如搜索守望先鋒後，就會彈出一大堆用户創作的動圖，其中永不過時的島田兄弟對決場景簡直一抓一大把。
但是和靜態圖片相比，gif 的畫質仍然有差距，分辨率也不能太高，否則容易加載不出來。。。
apng 雖然到 2019 年被許多主流瀏覽器所支持，但兼容性依然和 gif 有些差距，而且很多時候大家對動圖的清晰度要求並不是那麼高，手握成噸包漿表情包也不影響你聊天。
總之，動圖確實填補了靜態圖片和視頻之間的微妙空白，成為了獨一無二的存在。
明明大小就是一張圖片，但是卻能像視頻一樣動彈，圖片看了會沉默，視頻看了會流淚。
尤其是到了 5G 時代，就連短視頻都能夠輕鬆地用手機觀看和製作，動圖更是小事一樁的事情。
從簡單的像素動畫到現在的全民表情包，gif 似乎就是為互聯網而生的。
幾十年過去了，gif 仍然寶刀不老，也許在幾年之後，apng 就會取代它，但 gif 應該永遠不會被遺忘。
其實啊，無論是什麼格式，這一張張動圖既是互聯網時代的縮影，也默默記錄着每個網上衝浪的人的喜怒哀樂。
圖片、資料來源：
Vox - 16 of the greatest reaction GIFs of all time, ranked
Creative Market - The 30 Best Animated GIF Artists on the Web
Vanity Fair - The Summer That “ I Don’t Know Her ” Became the Most Crushing Celebrity Shade
Email On Acid - New Ideas for Using Animated GIFs in Email
Tom’s Hardware - CompuServe Forums Are Still A Thing, But Not For Long
ORPALIS - LZW and Three Graphics File Formats
textfiles.com/underconstruction
Wikipedia - GIF、CompuServe、 Lempel – Ziv – Welch、Netscape (web browser)
Wikimedia Commons - File : Unisys logo.svg
Tumblr - @itspapillonnoir
Brafton - 6 Types of Visuals to Make Your Emails More Effective
Pintrest、Giphy、Gfycat、Gifer、Reddit、ResearchGate
博客園 - @hoojjack、@MichaelCen
SegmentFault - LZW 壓縮算法原理解析
