壓縮圖片檔案大小意味著重新編碼 JPG、PNG 或 WebP 圖片,使其佔用更少的磁碟空間或頻寬,同時盡可能保持其視覺外觀與原始圖片相近。大多數圖片包含的視覺細節遠多於人眼在正常觀看距離下能夠解析的程度,因此壓縮演算法利用這項餘裕來去除多餘的資料、簡化色彩資訊或量化像素,產生一個在檢視時看起來仍然正確的較小檔案。最終結果以位元組或千位元組為單位來衡量:一張 2.4 MB 的手機照片通常可以縮減到 400 KB 或以下以便在網路上分享,整個過程完全不需要縮放或裁切圖片。

Lizely 的 Image Compressor 在您的瀏覽器中完成所有處理工作,檔案從不離開您的裝置。您將圖片拖放到頁面上,拖曳品質滑桿直到分割畫面預覽看起來符合您的需求,然後下載較小的檔案。沒有上傳步驟、不需要註冊,輸出內容也不會加上浮水印。該工具透過相同的三步驟流程支援 JPG、PNG 和 WebP,這是為電子郵件附件、網站上傳、社群媒體貼文縮小圖片,或只是為了釋放手機空間的最快方式。

how to compress image file size
how to compress image file size

為什麼檔案大小對您分享的每張圖片都很重要

較大的圖片檔案在三個可衡量的方面成本更高:儲存空間、上傳時間,以及任何檢視者的下載速度。一張 5 MB 的照片附加到電子郵件時,明顯比 500 KB 的照片耗時更久,而且許多電子郵件服務商將附件大小限制在 10 MB 或 25 MB。在網站上,每增加 100 KB 的圖片權重都會使頁面更接近訪客在慢速連線下放棄瀏覽的臨界值。在社群媒體上,過大的圖片反正會被悄悄縮小,因此以完整尺寸傳送只會浪費您自己的頻寬,而不會改善它在動態訊息中的顯示效果。

壓縮是解決方案,但必須謹慎進行。過度的壓縮會引入可見的瑕疵——JPG 中的方塊邊緣、PNG 中的色彩條紋,以及 WebP 中銳利線條周圍的振鈴現象。正確的平衡取決於圖片的用途。產品頁面上的縮圖可以承受較激進的壓縮,因為檢視者永遠不會將其放大。登陸頁面上的主視覺橫幅會被放大並仔細端詳,因此需要更溫和的處理。擁有一個能讓您上下調整品質並逐幀與原始影像比較的工具,是為每張圖片找到該平衡點最簡潔的方式。

您可以壓縮哪些類型的檔案

Image Compressor 接受構成網路上及日常使用中絕大多數圖片的三種格式。JPG(也稱為 JPEG)是手機和相機照片的預設格式,它使用失真壓縮——捨棄部分原始細節以縮小檔案。PNG 是螢幕截圖、標誌、圖示及任何需要銳利邊緣或透明度的圖片的預設格式;其壓縮通常是無損的,但也可以重新編碼為失真以節省空間。WebP 是 Google 為網路推動的現代格式,它可以同時符合兩種行為——像 JPG 一樣失真或像 PNG 一樣無損——而且檔案大小通常比兩者都小。如果您正在決定要轉換成哪種格式而非保留哪種格式,JPEG vs PNG vs WebP 指南更詳細地介紹了這些取捨。

對於在壓縮之前需要轉換成不同格式的圖片,相同的瀏覽器工具組提供了格式轉換器。一張因為高解析度螢幕截圖而膨脹的 PNG 可以透過 PNG to JPG 轉換成 JPG 以獲得小得多的檔案,如果特定平台堅持要求某種格式,則可以透過 WebP Converter 進行 WebP 轉換。

在瀏覽器中壓縮圖片

完整的工作流程在單一瀏覽器分頁內執行,無需安裝軟體也無需建立帳號。開啟 Image Compressor,然後依照以下三個步驟處理您想要縮小的任何 JPG、PNG 或 WebP 圖片。

  1. 載入圖片。點擊上傳區域,或將圖片檔案直接從桌面或檔案管理員拖曳到頁面上。檔案一進入就會自動開始壓縮。沒有「立即壓縮」按鈕需要尋找——滑桿出現時已套用預設值,檔案在背景重新編碼。
  2. 使用滑桿調整品質。將滑桿向右拖曳可獲得更高品質和較大的檔案大小,向左拖曳則可獲得較小的檔案但壓縮瑕疵較多。分割畫面在一側顯示原始影像,另一側顯示壓縮輸出,您可以左右滑動以掃過臉部、邊緣和漸層,視覺化地判斷取捨,而非憑數字猜測。
  3. 下載結果。當預覽看起來合適時,點擊下載按鈕以儲存壓縮後的檔案。原始檔案在您的裝置上保持不變,新檔案會儲存到瀏覽器的下載位置。由於沒有任何內容被上傳到伺服器,因此相同的工作流程可安全地用於工作文件、尚未發布的產品照片和個人圖片。

如果滑桿停留在接近最左端的位置,而圖片看起來仍與原始影像相同,則表示該檔案本來就不太容易被壓縮——這在已經被重新儲存過數次、已經壓縮過的 JPG 中很常見。如果滑桿位於右側附近,檔案大小卻縮減為原始大小的一小部分,則表示這張圖片能從品質調整中獲益良多。

壓縮如何改變檔案大小

具體的縮減幅度取決於來源格式、圖片內容和所選擇的品質設定。最近的智慧型手機拍攝的一張 4 MB 照片經過壓縮後通常落在 300 KB 到 1.2 MB 之間,具體取決於場景中的精細細節量。純色的 PNG 圖示或螢幕截圖可以在沒有可見差異的情況下縮小 60–80%,因為該格式本身就是無損的。以較低品質重新編碼的 WebP 圖片可以縮減 50% 或更多,且在完整尺寸下看起來仍然清晰。

格式典型最佳用途壓縮的幫助方式壓縮行為
JPG手機照片、網路照片、掃描文件以較低品質重新編碼以捨棄像素資料區塊失真——捨棄難以察覺的細節
PNG標誌、螢幕截圖、圖示、透明圖形量化色彩或轉換為失真調色盤通常是無損,可為進一步節省空間而採用失真
WebP現代網站、效能關鍵頁面比舊有格式更積極地縮減失真和無損模式一種格式兼具失真或無損

Image Compressor 中的滑桿可讓您獨立地將每張圖片進一步壓縮或保留品質,這一點很重要,因為充滿文字的軟體介面螢幕截圖需要與婚紗照片不同的處理方式。一個快速思考取捨的方法是找到分割畫面掃視中仍顯示清晰文字或銳利邊緣的最低滑桿位置,然後向較高品質的方向回撥一格,為顯示縮放或螢幕眩光預留緩衝。

何時應選擇壓縮而非調整大小或轉檔

壓縮、調整大小和格式轉換是縮小圖片的三種不同方式,它們有重疊之處但不可互換。調整大小會減少像素尺寸,因此 4000×3000 的照片會變成 2000×1500 的照片。當圖片本身比其要去的位置還要大時,Image Resizer 會處理這種情況。格式轉換會改變檔案的編碼方式,當從 PNG 轉換到照片的 JPG 時,可能會大幅縮小檔案。壓縮則保持尺寸和格式不變,但以較低的品質或更有效率的設定重新編碼。

當尺寸和格式已符合工作需求時,請選擇壓縮。當圖片比所需更大時,請選擇調整大小——6000 像素寬的產品照片在 600 像素寬的產品頁面上不需要 6000 像素。當格式不合適時,請選擇轉檔,例如 PNG 螢幕截圖出現在使用 JPG 更合適的網頁上時。可以分層進行:先調整大小,再轉檔,最後壓縮以擠出最後多餘的位元組。關於在保持照片清晰度的同時減少重量的更多細節,How to Compress Images for the Web Without Losing Quality 指南以網頁效能為重點介紹了相同的工作流程。

獲得最佳壓縮效果的實用技巧

  • 從您擁有的最高品質來源開始。壓縮已經壓縮過的 JPG 會疊加瑕疵。如果原始檔案是照片,請使用從相機或手機直接匯出的未編輯檔案。
  • 保留原始檔案的副本。即使壓縮版本看起來不錯,擁有完整解析度的母檔意味著您之後可以以不同的品質再次壓縮,而無需從劣化的來源重新開始。
  • 讓滑桿設定符合受眾。沒有人會放大的內部螢幕截圖,滑桿位置可以比客戶會在產品頁面上仔細查看的照片更低。
  • 在壓縮前調整大小可能有更大的幫助。如果一張 5000 像素寬的照片最終只以 1200 像素寬顯示,Image Resizer 會在壓縮開始之前就切掉大量位元組。
  • 仔細檢查透明度。PNG 和部分 WebP 檔案會保留透明度,滑桿會影響該透明度的重新編碼方式。下載前請確認分割畫面仍顯示透明的背景。

一旦檔案足夠小,它就能傳播得更遠、更快——進入電子郵件內文、網站主視覺區塊、聊天訊息,或透過 Image to PDF 工具拼接在一起的 PDF 報告中。較小的圖片也更容易備份、更容易與協作者分享,也更容易在專案間重複使用,而不會使儲存成本膨脹。

隱私以及「在您的瀏覽器中」的重要性

許多免費的影像壓縮工具是透過將檔案上傳到遠端伺服器、在那裡進行處理,然後將結果回傳來運作。這代表照片會經由第三方所運作的基礎設施,即使只是短暫經過,也會受到該公司在記錄、留存與存取方面的政策規範。對於一張個人手機照片而言風險可能不高,但同樣的流程套用於醫療紀錄、未發布的產品照片、證件或機密截圖時,就是真正的風險。

Image Compressor 完全在瀏覽器分頁內使用客戶端 JavaScript 以及瀏覽器內建的解碼與編碼引擎來執行壓縮邏輯。檔案從您的裝置讀取、在記憶體中處理,然後寫回您的裝置。沒有任何網路請求將影像資料傳送到任何地方。這就是為什麼同樣的流程適合用於敏感資料與個人圖片,而不僅僅是一般的網頁圖形。若想進一步了解支援此方法的標準瀏覽器 API,Mozilla Developer Network 介紹了 canvas 和影像編碼相關介面,正是此類工具所使用的技術。

壓縮後的檔案往往會隨著時間累積,因此將壓縮工具與快速的重複檔案清理以及未使用的原始檔案清理搭配使用,可以有效控制儲存空間。從原始檔到壓縮檔再到發佈的流程越短,壓縮過的版本意外外流的機會就越低,也更容易為每張影像保留一個可信的單一事實來源檔案。

如需更深入的說明,請參 如何在 Canva 中裁切影像:完整指南

如需更深入的說明,請參 如何為影像加上模糊效果(局部或全部)