時常為大家帶來很多軟硬體黑科技的 Google,這次透過手機與桌機都可以秒開秒用的 「圖片減肥」網頁應用 Squoosh ,讓大家可以在看不出什麼畫質衰減差異(還做成一了一個比較頁面,讓大家直接親眼看)的前提下,輕鬆地為圖片檔案大幅度的減肥。是說,原本小編對於它的效果也是半信半疑的,不過真的使用了之後,發現這真的是做網頁的利器啊!明明解析度一樣,283kB 的圖轉存就只剩下 90kB,等於減肥了 68% 多,真的有夠強大。
▲圖片來源:Google
Google 新推 「圖片減肥」網頁應用 Squoosh ,圖片縮圖利器(使用介紹)
Squoosh 是一個相當簡單易用的網頁應用,開啟了頁面後,你在桌機上可以直接丟進照片 — 我丟 24MP 的原圖也是可以讀取,並沒有什麼上傳的延遲,但建議還是先縮小一點再丟進去,執行起來會快些。然後就像下圖這樣,中間有個可以比較縮圖過後差異的拉桿,左邊右邊則是可以選擇原圖與減肥後的檔案來比較差異,或者是乾脆兩邊都設定成縮圖算法來考慮要使用哪一種方式會比較「減肥」,亦有支援縮圖的功能。
就個人直接使用的心得,發現 JPG 的話可以考慮使用 MozJPEG,因為存出來的檔案也依然會是 JPG。另外,有興趣的話也可以試試 Google 自家的 WebP,不過存出來就會是 webp 的格式了。
效果部分,個人覺得 MozJPEG 目前玩幾張圖,大概 90 的品質,在 2048px 的時候好像感覺不到太多的差別,但檔案卻可以小約 68%,可說差別巨大。下面我們直接貼上原圖為 283kB 的照片,以及只透過轉存就只剩下 89.4kB 的 JPG 圖片供參考 — 有意思的是,在 Squoosh 上看起來顏色並沒有變化的 JPG,但轉存後貼在 Firefox 瀏覽器中卻好像有點色偏(但在 Chrome 看卻沒有 XD)?這也是各位後續想要利用時所需要注意之處。
此外據稱 Squoosh 在不同瀏覽器如 Safari 還有 Firefox 也支援不同的轉存檔案(像 FF 就支援 Browser BMP),然後其實離線也可以使用(須讀取完成)也是一些有趣的細節。
原圖(縮至 2048px):
透過 Squoosh 轉存後: