提問

卓老師您好，特別好奇您是怎么處理動圖的，包括局部放大，重點勾畫，最最最關(guān)鍵的，是怎么做到生成的GIF動圖還那么小的！ 記得以前您在一篇推文里說過以后會專門寫一篇來教教大家，不知您有時間能不能賜教哇 祝好！

回復(fù)

在推文中增加動圖，相比于靜態(tài)圖片來講，可以表達(dá)更多、更豐富的內(nèi)容：例如智能車運行情況、電路工作波形、內(nèi)容講解過程的批注等等。即使作為普通插圖背景也使得原本枯燥技術(shù)性推文充滿活躍信息。當(dāng)然，缺點就是增加了微信閱讀時手機數(shù)據(jù)流量的消耗。

雖然在推文中使用插入視頻可以提供更清晰、時間長、有音效的媒體，但視頻數(shù)據(jù)流量大、上載審核時間長、每個推文限三個等因素，在使用上不如動圖靈活。

現(xiàn)在微信公眾號推文的動圖，實際上是一種比較古老的圖片格式-GIF（Graphics Interchange Format）文件，早期用于較簡單的圖像、小動畫或者低分辨了視頻剪輯。不知道為什么公眾號中現(xiàn)在返老還童，支持這樣的格式。

由于這種格式歷史比較悠久，因此制作GIF文件的在線工具和獨立的軟件工具很多。大家可以很容易找到很好的容易使用的免費工具。針對你提問中的好奇點，下面僅僅介紹如何形成帶有局部放大和批注的動圖，如何壓縮動圖。

形成帶有局部放大和批注的動圖

所有動圖文件都是由一個個單獨圖片組成的，這些圖片連續(xù)播放就形成動態(tài)圖像。這些圖片可以由軟件逐幀編輯生成，也可以直接通過動態(tài)抓屏軟件將屏幕播放的視頻采集下來形成。

在推文中這些帶有放大、批注的圖片就是是對我編寫和使用的教學(xué)軟件-TEASOFT的屏幕進(jìn)行動態(tài)抓拍的，然后通過GIF編輯軟件形成GIF文件。

TEASOFT軟件是我用來上課教學(xué)的軟件，它比較好的適應(yīng)理論性強的課程內(nèi)容展示，同時也能夠完成教堂動態(tài)交互以及MOOC課程的錄制。例如前幾天推文所介紹本學(xué)期信號與系統(tǒng)課程同學(xué)通過這個公眾號參與課堂討論與練習(xí)。

下面視頻中就是直接使用TEASOFT軟件錄屏所形成的MOOC課程作業(yè)講解，其中對于作業(yè)的講解過程展示了該軟件再使用中的特點。

壓縮動圖

所有希望在推文中使用動圖的同學(xué)都會發(fā)現(xiàn)一個要命的限制：微信公眾號中的動圖要求文件不能夠超過2M。這個限制也許是為了節(jié)省大家的數(shù)據(jù)流量。但這個限制給動圖的使用設(shè)置了一個比較高的門檻。正是這個限制，使得動圖的表達(dá)時間受到限制，在網(wǎng)頁上的動圖大部分僅僅夠一個表情的變化的時間，或者簡單的循環(huán)重復(fù)過程。為了延長動圖的時間，就需要尋找壓縮動圖文件的方法。

GIF文件本身在編碼僅僅采用了非常簡單的壓縮算法：采用256調(diào)色板的方式，在損失一定色彩質(zhì)量的情況下，僅適用一個字節(jié)就可以表達(dá)一個彩色像素點；采用LZW無損數(shù)據(jù)壓縮算法進(jìn)一步減小文件大小。

在很多GIF文件編輯軟件中都提供了一定壓縮動圖的方法，下面就我所使用的GIF Movie Gear軟件給大家介紹一下進(jìn)行動圖壓縮的手段，進(jìn)而提高每張動圖可表達(dá)的時間長度。

方法1：圖片裁剪

這是一個簡單粗暴，但非常有壓縮效果的方法。通過對于圖像中不需要的部分進(jìn)行裁剪，刪除無效信息，使得2M數(shù)據(jù)文件中只保留感興趣的圖像信息。

方法2：壓縮調(diào)色板

如果圖片中有效顏色種類不多的情況下，將調(diào)色板中顏色數(shù)量減小，可以降低每個像素所占的BIT位數(shù)。比如將調(diào)色板中的顏色降低到32，那么每個像素只占5個bit，比256調(diào)色板就壓縮了5/8.

這種方法對于場景顏色豐富的圖像來說，就會降低圖片的顏色質(zhì)量。

方法3：抽幀

即壓縮圖像的采樣率。這樣做損失了動圖動態(tài)的細(xì)膩，使得圖片出現(xiàn)不連貫的感覺。

請注意，相比于前面兩種，抽幀所到來的壓縮倍數(shù)，實際上和抽幀的比率不成正比。例如，進(jìn)行2:1的抽幀，最后的數(shù)據(jù)文件并不是壓縮兩倍。

方法4：減小分辨率

例如將原來800600的圖像，壓縮到480320，就可以將像素個數(shù)減少到原來的30%左右。所帶來的后果就是圖片變得模糊了。

方法5：幀間差

將GIF文件中相鄰的圖片進(jìn)行比較，對于沒有變化的像素使用0表示。如果相連兩個圖片鏡頭中的景象比較接近，這樣，就會出現(xiàn)大片的連續(xù)0的像素。這就會使得LZW壓縮算法達(dá)到更高的壓縮比率。在GIF重建的時候，瀏覽器會自動補齊這些大片連續(xù)為0的像素，從而還原圖片。

這種方法對于固定鏡頭拍攝的場景，或者屏幕抓取的操作過程中的動圖，壓縮效果非常好。

比如上面方法1~5中，顯示GIF Movie Gear軟件壓縮方法使用過程的動圖，就是對抓屏圖片序列采用幀間差進(jìn)行壓縮，可以達(dá)到10倍以上的壓縮效果。

但有兩個因素，會使得幀間差的壓縮能力大大降低。一是圖像中的噪聲；二是鏡頭的晃動。

攝像頭拍攝固定場景，雖然圖像看起來沒有什么變化，但是由于噪聲，使得相鄰兩幀圖片對應(yīng)的像素并不相等，因此就無法通過幀間差減少數(shù)據(jù)量。因此，需要通過圖片像素凍結(jié)手段，降低圖片噪聲波動。具體方法就是將相鄰兩幀圖片中數(shù)值相差小于一定閾值的像素自動設(shè)置成相同的數(shù)值。這個閾值可以根據(jù)圖像拍攝過程的噪聲、環(huán)境光線的干擾以及壓縮倍率的要求進(jìn)行設(shè)置。

閾值越高，壓縮倍數(shù)越高，但在圖片中會帶來圖像的偽影。仔細(xì)觀察下圖就會看到信標(biāo)燈閃爍所留下的偽影痕跡。

消除晃動是提高幀間差效果的關(guān)鍵。如果在拍攝時能夠使用固定的拍攝架來穩(wěn)定鏡頭是最好的，也可以使用專業(yè)的手持穩(wěn)定圖像拍攝器輔助穩(wěn)定鏡頭。

但是，在現(xiàn)場拍攝時，往往不一定有條件固定鏡頭，特別是使用手機拍攝圖像中，就會出現(xiàn)很嚴(yán)重的抖動現(xiàn)象。后期制作的時候，可以使用一些鏡頭消抖算法來進(jìn)行后期處理，使得鏡頭變得穩(wěn)定。下圖就是對原本非?；蝿拥溺R頭經(jīng)過穩(wěn)定后處理的效果，可以看到鏡頭的中心始終穩(wěn)定在展示摩托車的中心。

上面的像素凍結(jié)算法和圖片消抖算法都在TEASOFT軟件中具備，所以使用TEASOFT軟件也大大方便我進(jìn)行課程內(nèi)容的準(zhǔn)備了。

但是如果拍攝過程中，還存在著鏡頭放大倍數(shù)的變化，那么使用簡單的消抖算法就無法徹底根除穩(wěn)定鏡頭。它只能再一定程度上，減少鏡頭的晃動。

所以在拍攝時，盡量使用統(tǒng)一的焦距完成拍攝，這位后期制作GIF文件會打下良好的基礎(chǔ)。

綜合利用前面的一些方法，就可以大大壓縮GIF文件的長度，進(jìn)而可以在2M字節(jié)的文件中表現(xiàn)更多的動態(tài)過程，傳遞更多的信息。

本文最前面封面中的女生，她在學(xué)校文藝演出中的錄像片段是最后一個動圖。由于手拍攝晃動厲害，同時還有鏡頭焦距的變化，綜合前面各種壓縮的方法，在2M字節(jié)的文件中也只能表現(xiàn)這短短的10秒鐘的過程。