一次失敗的 gif 命令列錄屏工具調研

摘要： 【公眾號回覆 “ 1024 ”，免費領取30本經典程式設計書籍】 經常在微信寫文章的，會注意到微信對圖片的大小有嚴格的控制，尤其對於 gif 類的圖片來說，經常由於圖片過大而出現上傳不了。我們在這方面碰到過很多的...

【公眾號回覆 “ 1024 ”，免費領取30本經典程式設計書籍】

經常在微信寫文章的，會注意到微信對圖片的大小有嚴格的控制，尤其對於 gif 類的圖片來說，經常由於圖片過大而出現上傳不了。我們在這方面碰到過很多的問題，開始的解決方案是壓縮、壓縮，但是有時候壓縮了還是上傳不了。實在沒辦法只能在 gif 的圖片裡面找幾張有代表性的，單獨發圖片放棄 gif 的動態效果。

為了解決這個問題，我們只能自己上手錄製 gif 來控制質量和大小，第一步就是自己找幾個錄屏工具學習一下。

• termtosvg

非常方便，但是錄屏的檔案是 svg 格式的，微信不支援，如果不是在微信展示的話，生成的動圖還是不錯的。

專案地址： https://github.com/nbedos/termtosvg

• asciinema

將終端的操作記錄成 JSON 格式，然後使用 JavaScript 解析，配合CSS展示，看起來像是視訊播放器。 實際上就是文字，相比GIF和視訊檔案體積非常之小（時長2分50秒的錄屏只有325KB），無需緩衝播放， 也可以方便的分享給別人或嵌入到網頁中。微信也不支援~

• ttygif

安裝方式

# MacOS 
brew install ttygif

# Other
git clone https://github.com/icholy/ttygif.git
cd ttygif
make
sudo make install

使用方式

上面是我錄的，主要原因還是我的環境被我玩壞了，年久失修。而專案中展示錄屏 Demo 連微信都上傳不了:sob:，截圖大家看一下吧。

專案地址： https://github.com/icholy/ttygif

• terminalizer

安裝方式： npm install -g terminalizer

官方效果還是很不錯的，但是我敗在了網速了，連 npm 安裝都沒完成：

專案地址： https://github.com/faressoft/terminalizer

看一下上面的錄屏工具其實都不那麼完美，歡迎留言說一說你們是如何解決這樣的問題的，或者可以推薦一些你們常用的工具。

今天的推薦不知道大家喜歡嗎？如果你喜歡，請在文章底部留言和點贊，以表示對我的支援，你們的留言、點贊和轉發關注是我持續更新的動力哦！

「GitHub精選」開始接受大家投稿啦

「GitHub精選」，每晚10:24準時為您推送