Compressor.io 縮圖大小網頁

網頁3大元素：文字、圖片、影像，三者不可或缺，特別是圖片及影像佔用大量網頁流量傳輸的資源，如何去減少這類資源，以提供瀏覽網頁的用戶更好的體驗，也是一門學問。在此，想分享一下如何壓縮圖片的檔案大小，而畫質也不會很差。
坊間有很多縮圖網站，例如TinyPNG、Compressor.io等等，經過我的多次測試，發現Compressor.io壓縮能力最高(個人意見)，所以我會分享Compressor.io的縮圖方法。

網址： https://compressor.io/

以下是需要縮減檔案大小的香港天文台黃雨標誌(139KB)，如果網頁用戶用電話瀏覽網頁時使用流動數據，網頁用戶一定會鬧‧‧‧

以下是Compressor.io主頁界面，按一下"Try it"就可以開始了。

有2種縮圖模式，一種Lossy，一種Lossless，很熟悉，像是中學教過的，於是找找資料。

#(Lossless)無損壓縮也即壓縮前和解壓縮後的數據完全一致。多數的無損壓縮都採用RLE行程編碼算法。(Lossy)有損壓縮意味著解壓縮後的數據與壓縮前的數據不一致。在壓縮的過程中要丟失一些人眼和人耳所不敏感的圖像或音頻信息，而且丟失的信息不可恢復。幾乎所有高壓縮的算法都採用有損壓縮，這樣才能達到低數據率的目標。丟失的數據率與壓縮比有關，壓縮比越小，丟失的數據越多，解壓縮後的效果一般越差。此外，某些有損壓縮算法採用多次重複壓縮的方式，這樣還會引起額外的數據丟失。#
通常，我會選取Lossless，壓縮完後的檔案會比較好，失真不會太過嚴重，當然Lossy都不會有大問題。之後按下"Select File"按鈕，選取想要被壓縮的圖片，我選擇了一個黃雨標誌。

結果出現了！！！

檔案大小由139KB，大幅縮減至29.03KB，足足減少了110KB，少了400%，而圖片也沒有失真，以後做圖之後都一定要來壓圖才行。按一下"Download your file"就可打包下載，也有Google Drive，Dropbox選項，非常方便。