最近我有遇到一個很奇怪的問題

因為我不是轉用 Apple Music 本地化聽歌了?

所以很多歌的歌曲信息都是我自己補充的，當然也包括封面

但我在用 iTunes 把歌傳到 iPhone 上來聽的時候，有首歌的封面怎么都同步不過來

我來回同步了幾遍，還重新連接了幾次，甚至換回了有線來同步，這個封面始終都還是同步不上…

我就一直奇了怪了

直到我想重新編輯一下封面，重新添加，我才發現…

好家伙，一張封面竟然有18M??？比我MP3本身都要大了，難怪我添加不上呢

完全被它小小的外表給欺騙了

我后來把圖片一壓縮，這個問題自然就輕松迎刃而解了

因為很少碰到這么大一張的圖片，阿虛平時其實也很少會去做圖片壓縮，但既然碰到了這個問題，我還是就準備好好研究一下圖片壓縮

畢竟每次要是遇到問題，你不一次性好好把它解決，那么下次再遇到的時候，又會重復的浪費你時間

▍1 簡單介紹一下圖片格式

而要說圖片壓縮最簡單的方式呢，應該就是改圖片格式了

無需任何壓縮軟件，阿虛直接把這張 .png 圖片，另存為 .jpg 格式后，立馬大小被壓縮到了7.8MB

不同的圖片格式極大程度的影響著圖片的文件大小，所以要談圖片壓縮，必須得先了解一下圖片格式

● 1.1 關于圖片格式你需要了解的

下圖左這張照片由互聯網之父「蒂姆·博納斯·李」的同事希爾瓦諾于1992年7月18日拍攝

當時歐洲核子研究中心組織了一次音樂會的活動，希爾瓦諾在后臺遇到了一支參加演出的女子樂隊，然后就給她們拍下了這張合影

而在蒂姆和他的團隊完成了支持圖片文件的新版萬維網建設之后，他正好看到希爾瓦諾在電腦上用Photoshop處理這張圖片，于是就要了一張

然后，這張圖片就成了一張被上傳到互聯網的圖片，圖片格式為GIF

GIF圖片格式于1987 年誕生，常用于網頁動畫，使用無損壓縮，支持 256 種顏色，支持單一透明色

是的，雖然如今你看到的很多動圖可能糊的一比，但GIF的確是無損壓縮

GIF看起來糊的更多原因是其只支持 256 種顏色，明顯完全不足以表現真實世界的色彩，色彩單一的GIF如今著實比較少見

而具體來講，圖片的壓縮分為有損壓縮和無損壓縮兩種：

「有損壓縮」指在壓縮文件大小的過程中，損失了一部分圖片的信息，也即降低了圖片的質量，并且這種損失是不可逆的

舉個簡單的例子：BMP、PNG都是無損壓縮格式，而JPEG是有損壓縮格式。BMP與PNG互相轉格式的話，是不會損失圖片質量的，而如果你是把PNG轉為JPEG格式，就會造成圖片質量損失，就算再從JPEG格式轉回PNG格式，也不能恢復圖片質量了（不少網站對上傳的圖片都會進行壓縮，所以JPEG格式容易存在越傳越糊的情況）

「無損壓縮」指在壓縮文件大小的過程中，圖片的質量沒有任何損耗。我們任何時候都可以從無損壓縮過的圖片中恢復出原來的信息

我們如今用的最多的JPEG標準和PNG格式，分別于1992年和1996年問世，兩個都有20多年的歷史了

JPEG是在「文件大小與質量之間平衡做的非常好」的標準，而PNG則是在無損壓縮上表現的很優秀

當然，技術其實一直在革新，不斷有新的圖片格式在被提出

2004年APNG格式誕生、2010年WebP被發明、2015年HEIF（后綴為.heic）被正式定義、2018年底第一張AVIF圖片發布…

雖然這些格式各有優點，但也各有各的缺點，也導致這些格式并沒有廣泛流行起來

• APNG雖然支持動態圖，且目前不少瀏覽器已經支持顯示了，但在移動端、軟件端存在較大的兼容性問題（APNG動圖無法在軟件端查看）
• WebP雖然同時具備了無損和有損的壓縮模式，且在無損壓縮上壓縮率比PNG還要高，經過其幾年的發展，不少互聯網也轉開始使用這個格式來降低流量消耗，但其應用場景始終比較限于瀏覽器，WebP動圖也難以在瀏覽器以外的地方進行查看、編輯、分享，不過如果你是站長，可以多考慮一下WebP格式，WebP雖然在本地端兼容性不好，但在網頁上已經得到了廣泛的支持，網站圖片替換為WebP格式是有效節約網站流量的方式
• HEIF目前無任何瀏覽器支持，這使得其基本上成為了只能在iOS設備上本地查看或編輯的圖片格式（雖然現在部分相機也開始支持這個格式），但對大眾來說的確不適合作為圖片壓縮的考慮
• AVIF雖然被定義為「下一代圖像編碼算法」，被很多人認為是取代 JPEG 格式的最佳選擇，但其目前發展速度依然較緩慢，瀏覽器的支持不全，同時各種網站也不支持上傳

如果準備通過轉格式來壓縮圖片，目前的重點依舊還是放在對 GIF、JPEG 和 PNG 的壓縮上

▍2 GIF壓縮

由于GIF壓縮比較特殊哈，就單獨先講這個

不過阿虛原來其實有專門寫過GIF壓縮，所以這里就不復述了：https://mp.weixin.qq.com/s/0bjuF6Os5KaDhOR80PDRlQ

想要對 GIF 進行有效壓縮，你最好還是得知道一些GIF的原理，與常用的壓制手段

● 2.1 EZGIFCOM

但這里準備對上文進行一點補充說明

EZGIFCOM這個網站：https://ezgif.com/optimize

依舊是阿虛經常用的 GIF 壓縮網站——它提供的減幀的功能在GIF壓縮中實在過于常用

不過之前的文章沒有說該怎么樣正確使用這個網站，所以這里錄了一個例子——我是怎么把一個20MB的GIF壓縮到1MB的

我在EZGIFCOM上連續進行了3個操作：減少一半的幀數 >> 減少一半的尺寸 >> 減少一半的圖片質量

就這樣我把一個20MB的GIF圖成功壓縮到了1MB，即下圖

● 2.2 docsmall

而如果要追求小白一鍵化，我現在反倒更喜歡用下面這個網站了（原來推薦的是軟件「PP鴨」）

地址：https://docsmall.com/gif-compress

網站非常干凈簡潔，最多同時處理30個文件！而且最大支持處理25M的動圖！

4個壓縮梯度可選，還可隨意調整壓縮尺寸比例（尺寸真的非常影響GIF圖大?。。?/p>

▍3 JPG&PNG相關說明

GIF壓縮說完了，然后再來講JPG＆PNG格式圖片的壓縮吧

不過我認為對這兩種格式進行科普是有必要進行的一個環節??

● 3.1 關于JPG圖片

JPEG 是一個壓縮標準，而 .jpg 是文件擴展名，其正式擴展應該名是 .jpeg

當初因為 DOS、Windows 95等早期系統采用的8.3命名規則，只支持最長3字符的擴展名，為了兼容，所以后綴名采用了.jpg（也有.jpe）

由于歷史習慣和兼容性考慮，.jpg 這個擴展名反倒比正式擴展名更流行

另外，最近可能有些粉絲發現WIN10把默認圖片保存格式從 .jpg 變成 .jfif

其實 .jfif 也屬于JPEG標準，不過由于很多網站、軟件在上傳、導入文件時限制了文件擴展名，所以容易遇到無法上傳＆導入的問題

解決辦法其實很簡單，改個后綴名即可，改成 .jpg

● 3.2 關于PNG圖片

PNG 圖片主要有三個類型，分別為 PNG-8 和 PNG-24、PNG-32

需要說一下的是 PNG-8

PNG-8 中的 8，其實指的是 8bits，相當于用 2 大小來存儲一張圖片的顏色種類，2 = 256，也就是說 PNG 8 能存儲 256 種顏色（和GIF一樣），你可以大概把它等價成單幀 GIF

而大多數情況下你的 PNG 都是 PNG-24，如果有透明色，通常則是PNG-32（后者更占空間）

關于PNG還 有一點要說明的是PNG比較適合適量圖、幾何圖

顏色越單一越少的圖片，采用PNG格式，通常會比用JPEG格式體積更??！?

然后PNG這種圖片格式雖然是無損壓縮的，但不代表它的文件大小不能被壓縮

知名PNG壓縮網站 tniyPNG 說明過它的壓縮原理：是把相似像素的 24 bit 位用 8bit 位來表示，并且移除了不必要的元數據，是有損壓縮，不過肉眼很難看出來

其他的PNG壓縮工具也是類似的原理

▍4 JPG&PNG相關壓縮工具

JPG&PNG相關壓縮工具真的很多，而且壓縮效果你真的很難比哪個最好

畢竟肉眼真的很難看出壓縮前后的區別…

● 4.1 網站

在線圖片壓縮網站實在過多，阿虛就不詳細介紹了

不經常進行圖片壓縮的話，以下網站完全足夠解決問題了：

1. ?Squoosh（谷歌旗下）：https://squoosh.app/
2. ?文思齊遠圖片壓縮（上面網站的中文版）：https://www.i847.cn/yasuo/index.html
3. ?docsmall：https://docsmall.com/image-compress（最多一次性30張照片，最大25MB）
4. ?TinyPng：https://tinify.cn/（算法優秀，全球知名，最多一次性20張照片，最大5MB）
5. Recompressor：https://zh.recompressor.com/（壓縮之后提供「多種壓縮大小后的圖片」下載，但這也致使壓縮效率有點慢）
6. Optimizilla：https://imagecompressor.com/zh/（最多一次性20張照片）
7. VeImageX體驗版：http://imagexdemo.volcengine.com/（可同時查看多種格式下的壓縮效果）
8. NiaoAPI：http://www.niaoapi.com/compress/png
9. img.top：https://img.top/（最大5MB）

● 4.2 軟件

圖壓（WIN／Mac）

開源、免費的優秀圖片壓縮軟件，支持JPEG，PNG，WebP三種格式的壓縮與轉換

可以快速進行二壓，并可以設置壓縮強度、文件大小，輕松滿足多種狀況下的壓縮目的?

官網：https://tuya.xinxiao.tech/

Imagine（WIN／Mac／Linux）

一樣開源、免費的圖片壓縮軟件，支持Linux，操作友好，支持JPEG，PNG，WebP三種格式的壓縮與轉換

官網：https://github.com/meowtec/Imagine

PS：Github目前處于半墻狀態，訪問不了的話，建議了解《Github加速下載教程》

ImageOptim（Mac）

Mac上頗受好評的圖片壓縮軟件，免費，開源，集成多種圖片壓縮算法，會自動選擇壓縮比最高的算法組合，支持 PNG、JPG、GIF 格式的圖片壓縮優化

注意應用商店中的是盜版，這個軟件沒有上架應用商店，務必到官網下載：https://imageoptim.com/mac

智圖（WIN／MAC）

官網：https://zhitu.isux.us/

騰訊 ISUX 前端團隊開發，原本是有網頁版的，不知道為什么現在不提供服務了

另外測試發現似乎限制5MB文件，而且轉換需要將圖片進行上傳，所以整體而言不是很推薦

但是這款軟件支持在壓縮的同時生成 webP 格式圖片，算是一個優勢吧

其實還有像 RIOT、Caesium、ImageAlpha、JPEGmini、PP鴨這些軟件，或多或少存在無漢化、界面復雜、支持格式有限、激活碼貴的問題，就不予以推薦了

其實真要把圖片壓縮寫清楚的話，背后涉及的歷史、原理啥的真的太多了

阿虛幾番思索之后還是覺得這類問題追求實用就好

工具是為了幫助我們解決問題，提高效率的，能理解原理很好

但duck不必死磕原理