Shrink media 免費圖片壓縮工具,線上快速調整相片畫質和解析度

Shrink.media 免費圖片壓縮工具,線上快速調整相片畫質和解析度

透過圖片壓縮工具可以大幅縮小圖片檔的容量大小,使用的技術不外乎是降低畫質,做到使用者肉眼幾乎看不出差異的「無損壓縮」,如果想要讓圖片變得更小一些,也能把品質降低或是調整相片尺寸,在網頁和部落格使用的圖片經過壓縮使用者開啟更快、更有效率,也有助於節省容量和傳輸流量。之前介紹過的免費圖片壓縮服務 Squoosh 來自 Google 實驗室,只要打開網頁、將圖片拖曳進去就能自動處理;還有我很喜歡的 TinyPNGTinyJPG 也都非常好用。

Compress JPEG 免費圖片壓縮服務,支援四種格式單次可處理 20 張

Compress JPEG 免費圖片壓縮服務,支援四種格式單次可處理 20 張

我很習慣在寫文章插入圖片前先對螢幕擷圖進行壓縮,讓圖片容量更小、開啟速度更快,更重要的是幾乎不會影響畫質,以前我都使用 TinyPNGTinyJPG 這兩個相片壓縮工具,只要將圖片拖曳到網站就能快速處理,後來就選擇以 Imagify 自動從 WordPress 媒體庫對圖片壓縮和最佳化(免費版每月只能處理 20 MB 相片),如果想要在處理圖片後整合 CDN 提高圖片載入速度可試試看以下服務:

FileConverto 免費線上轉檔編輯工具,整合影片、音樂、圖片和 PDF 轉換

FileConverto 免費線上轉檔編輯工具,整合影片、音樂、圖片和 PDF 轉換

現在透過瀏覽器就能完成許多工作,不用額外下載、安裝軟體,除了減少搜尋相關工具的時間,也適用於各種裝置平台(例如手機、平板電腦),非常方便!這類服務通常被稱為線上工具,需要有網路連線才能使用,使用者將檔案上傳到服務,利用網頁進行相關編輯或選項調整,最後再把檔案下載下來,不過缺點也顯而易見,就是檔案可能會被服務端取得(但也有一些工具在使用者瀏覽器進行,不會把檔案上傳到遠端伺服器)。

ImageResizer 整合各種圖片編輯功能,線上修改圖片大小、壓縮、裁切

ImageResizer 整合各種圖片編輯功能,線上修改圖片大小、壓縮、裁切

在電腦上調整圖片尺寸大小不算太難,透過內建的相片檢視工具就能做到,不過如果剛好沒有圖片工具,不確定應該要怎麼做,也能找找網路上的免費工具,線上工具好處是使用瀏覽器開啟網站就能使用,無需額外下載或安裝軟體,而且兼具跨平台特性,也支援行動裝置。免費資源網路社群介紹過不少線上圖片編輯服務,主要有格式轉換(轉檔)、去背或是放大圖片等常見功能。

Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

今年九月 Cloudflare 宣布正式推出「Cloudflare Images」圖片儲存服務,乍看之下好像只是一個付費的圖片空間,影像儲存僅是這個項目的其中一個功能,它還兼具調整圖片大小、最佳化等技術,而且整合全世界所有 Cloudflare 網路節點,將影像基礎架構變得更為簡單,易於管理或是預測價格,無論是線上零售、創作者平台或是內容傳遞都很適合使用。

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

前陣子我在研究將免費資源網路社群的圖片容量變小,以加速讀者載入網站時間,也減少主機造成的網路流量消耗,當圖片數量一多,很難以手動方式去處理以前的圖片,尤其是不同時期使用不同的圖片格式和解析度,最安全的方法就是透過第三方圖片處理工具直接在雲端進行壓縮(也不會破壞到原始圖片),例如 WordPress 外掛 Jetpack 提供免費圖片 CDN,開啟後會自動替換網站原有的圖片路徑,ImageKitstatically.io 也是同類型服務。

SVG Viewer 線上檢視、最佳化 SVG 圖形,亦可轉檔 PNG 或 React 格式

SVG Viewer 線上檢視、最佳化 SVG 圖形,亦可轉檔 PNG 或 React 格式

經常在網頁上看到 JPG、PNG、GIF 和 SVG 圖片格式,大家可能對於前三種比較有概念,SVG 是可縮放向量圖形(Scalable Vector Graphics)縮寫,也就是使用「可延伸標記式語言」(XML)來描述圖形,因此 SVG 也是普通的文字格式,打開後會看到程式碼,亦可使用一般文字編輯器檢視或修改,如果要瀏覽通常會以最新的網頁瀏覽器開啟,SVG 格式的特色是不會因為放大縮小導致圖片失真。

statically.io 免費 CDN 提供網站加速和圖片最佳化功能,無流量速度限制

statically.io 免費 CDN 提供網站加速和圖片最佳化功能,無流量速度限制

如果你是網站管理者就會遇到要如何改善網站載入速度的問題,這在流量不大時可能沒什麼影響,只要網站到達一定規模就需要透過內容傳遞網路(Content Delivery Network)改善整體的速度。最知名的 CDN 服務 Cloudflare 讓整體網站都具備加速、安全性防護及分流等效果,算是一個兼具多種優勢的解決方案;如果你是使用 WordPress 架站,也可考慮開啟免費的 Jetpack 圖片 CDNAsset CDN 為網站獲得更快的瀏覽速度。