為什麼圖片要壓縮?
網站使用圖片最常犯的錯誤就是「圖片沒有整理就上傳到網站」,狀況有:像是沒有將圖裁切適合的大小,沒有將圖片調整到正確的尺寸,再來最重要的就是圖片沒有壓縮,網站使用的圖片如果沒有壓縮,一張圖1.5 MB,10張就好幾15 MB,網站跑起來又慢又浪費流量,而且Google PSI分數會很差,也會影響網站的SEO排名,其實網站圖片不是印刷,不是解析度越大越好,應該是適當的圖片尺寸加上圖片壓縮,只要肉眼看不出圖片明顯瑕疵就可以用。
圖片壓縮是什麼意思?
圖片壓縮是 只「將數位圖像檔案的檔案大小減少的過程」,圖片壓縮分成「有損壓縮」跟「無損壓縮」,有損圖片壓縮的原理是將圖中的一些資訊去除或減少,以達到壓縮檔案大小的目的。例如,JPEG圖片格式就是一種有損壓縮格式,JPEG會將圖片的高頻訊號過濾,並採用離散餘弦轉換 (DCT) 技術進行壓縮。例如,PNG 格式就是一種常用的無損壓縮格式,會將圖片轉換成一系列的像素,再利用採樣、預測、減少色彩等技術進行壓縮檔案的大小。
圖片要怎麼壓縮?
圖片壓縮可以使用「繪圖軟體圖」、「網站程式圖片壓縮」、「線上圖片壓縮工具」這三種方式進行圖片壓縮,如果網站程式沒有圖片壓縮,你也沒有買繪圖軟體,那麼最方便的壓縮方式就是「線上圖片壓縮工具」,這麼多的線上圖片壓縮工具,應該選哪一種呢?以下我們為大家測試與評價的13種線上壓縮工具,依據使用狀況推薦適合的圖片壓縮工具。
圖片壓縮前要處理的事
圖片壓縮之前,一定要先完成圖片尺寸再壓縮,圖片需要裁切要先裁一裁,裁完圖再把圖調整到需要的尺寸,調整完之後才可以進行壓縮,原因是大部分的壓縮軟體都有檔案大小的限制,而剛做作完的設計圖或圖庫下載的圖檔案都非常大,所以一定要先後製調整圖片再壓縮才是正確的流程。
13種線上圖片壓縮工具推薦
一般建議的圖片壓縮品質是70%~90%,壓縮後的圖片檔案大小約為原檔案1/10~1/20,但由於不是每個圖片壓縮工具都能調整,所以我們就用預設的壓縮來比較品質就好,除了品質以外,還比較了支援格式、每次圖檔數量、單次可上傳圖檔的檔案大小、壓縮前後比較、壓縮品質調整,經過我們測試各家圖片壓縮都還不錯,沒有非常明顯的差異,幾乎都有支援最常用的是JPG、PNG,只有Picdiet僅支援JPG,80%的工具都有限制同時壓縮的檔案數,有一半的圖片壓縮工具沒有限制檔案大小,數量跟大小都沒有限制只有Picdiet(JPG),少數有支援網站外掛與API串接,大部分圖片壓縮調整都要另外付費,以簡單介面、壓縮品質、壓縮速度、無廣告干擾來評選,以TinyPng、iloveimg是最推薦的兩個圖片壓縮工具,如果還需要照片編輯、轉檔,那iloveimg就贏過TinyPng了。
SEO收費方式比較
壓縮工具 | 支援格式 | 評比 | 數量/檔案大小 | 特殊功能 |
---|---|---|---|---|
TinyPng |
JPG、PNG | 優 | 20 / 5M | API、Wordpress外掛、Dropbox |
Compressor |
JPG、PNG、GIF、SVG、WEBP | 佳 | 10 / 10M | 壓縮比較、壓縮調整 |
Kraken |
JPG、PNG | 佳 | 不限 / 1M | 雲端硬碟、API、圖片網址壓縮、Wordpress外掛 |
Optimizilla |
JPG、PNG、GIF | 佳 | 20 / 不限 | |
Online-Convert |
JPG、PNG、GIF、SVG、WEBP | 佳 | 1 / 不限 | |
Squoosh |
JPG、PNG、GIF、SVG、WEBP | 佳 | 1 / 不限 | |
Img2Go |
JPG、PNG | 佳 | 3 / 不限 | |
Picdiet |
JPG | 佳 | 不限/不限 | |
Ezgif |
JPG、PNG、GIF、WEBP | 佳 | 1 / 50M | |
Image Resizer |
JPG、PNG、WEBP | 佳 | 1/不限 | |
iloveimg |
JPG、PNG、SVG、GIF | 優 | 30/200M | |
shortpixel |
JPG、PNG、GIF | 佳 | 50/10M | |
jpeg-optimizer |
JPG、PNG、GIF | 佳 | 20/不限 |
(製表: 達文西數位科技)