如果要將圖片上傳到網站或部落格使用,通常會經過裁切尺寸和壓縮圖片步驟,事實上圖檔大小和主機頻寬、流量或搜尋引擎最佳化(SEO)等各層面有密切關係,降低圖片大小有助於節省流量消耗、加快網頁載入速度,可吸引並留住更多訪客,好的網頁速度表現也更能受到搜尋引擎青睞。因此在無損(意指不破壞相片品質)情況下稍微處理一下圖片有其必要性,例如 Recompressor、Squoosh、Jpeg.io 都是非常好用的線上圖片壓縮服務。
圖片壓縮
Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學
六年前寫過一篇「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」,後來這項功能成為 Jetpack 網站加速器(Site Accelerator)一部分,另一個加速器功能是 Asset CDN,和圖片 CDN 差別在於一個是針對圖片進行分流,Asset CDN 是加速 WordPress 靜態檔案,例如 CSS 和 JavaScript,兩個功能都很有用,當然也可依照自己的需求開啟。
Image Speed Test 分析你的網頁內容,提供加速及圖片最佳化建議
設定 Jetpack 網站加速器的圖片壓縮畫質教學(Photon CDN)
最近使用了 Piio 的 Image Speed Test 工具,也提到我正在研究一項適合免費資源網路社群的圖片壓縮功能,一直以來我都是使用 Cloudflare(本身除了加速分流也有圖片最佳化功能),另外我也相當推薦 WordPress 架站的站長使用 Jetpack 的網站加速器(以前叫做 Photon CDN),都能有效提升網站載入效能。當然你也可以將每張圖片都下載回來以圖片壓縮工具進行處理,但對有數萬甚至數十萬張圖片的網站來說實在是個大工程,也不建議這麼做。
pingo 免費 Windows 圖片最佳化工具,支援 JPG、PNG 等格式無損壓縮
現今智慧型手機拍照都有相當高的畫質和解析度,通常是一張照片就好幾 MB,如果沒有預先縮小尺寸或是對相片進行壓縮處理,無論要使用於網頁或部落格、傳給朋友或是備份保存都會很耗費空間。若不知道該怎麼後製相片,最簡單的方法就是使用圖片壓縮工具,透過「無損壓縮」(Lossless)大幅減少容量大小,但在肉眼上幾乎看不出來差異,而且可以非常有感的大幅降低圖片大小,舉例來說我以前常使用的 TinyPNG、Pngyu 或 ImageOptim 都能讓圖片體積變小,卻不會使畫質遭受破壞。
Resizing.app 線上調整圖片大小,可壓縮最佳化相片轉檔無廣告
無論你是使用 Windows 或 macOS 都能透過內建工具快速調整圖片大小,這對於大部分使用者來說應該不會太困難,比較常會用到的可能是轉為社群網站使用的特定圖片尺寸,像是 SocialSizes、Tiny Visuals 或 Landscape 等工具都能達到線上裁切轉換圖片的效果,在社群媒體經營來說非常有用。若是網站管理者應該會更關注網頁載入速度,壓縮圖片降低容量是一個可行方式,Recompressor、Squoosh 和 TinyJPG 等工具都可以在不破壞畫質的情況下大幅減少圖片大小。
Imgbot 免費圖片編輯工具,調整尺寸、壓縮、裁切或浮水印免安裝軟體
Apowersoft 線上文件壓縮工具,支援各種常見圖片、影片格式和 PDF
Apowersoft 是一家專注於多媒體、辦公室和行動裝置應用程式的開發商,但我更偏好這家公司提供的免費線上工具,例如 Apowersoft 免費線上影片下載器和線上影音轉換器都是很方便的服務,這些服務的特色是不用額外下載或安裝軟體,只要透過瀏覽器就能完成需要的工作,無論是螢幕錄影、錄音、文件壓縮、轉檔或 PDF 編輯一應俱全。不過有些人可能還是習慣使用軟體來完成手邊的工作,那也沒關係,Apowersoft 也提供可安裝使用的軟體解決方案。
Assetizr 圖片最佳化工具,整合無損壓縮、批次重設圖片大小和重命名功能
一般來說,如果要將照片使用於網路服務或應用程式,為了獲得最佳效果會先針對圖片進行最佳化,也就是壓縮圖片、調整為適當尺寸大小,如此一來不僅能讓容量減少,還能在特定範圍顯示出最好的效果。曾經介紹過不少壓縮工具,例如前段時間推薦的 Recompressor 幫助使用者在容量和畫質中找出最佳壓縮比;Squoosh 則是 Google 推出的免費圖片壓縮服務,線上為圖片減肥又不擔心失真。