選錯格式是圖片過大最常見的原因。把一張風景照存成 PNG,檔案可能是 JPEG 的十倍以上,畫質卻沒有肉眼可辨的差別。
| 格式 | 壓縮方式 | 適合 | 不適合 |
|---|---|---|---|
| JPEG | 失真 | 照片、色彩漸層豐富的圖片 | 文字截圖、線條圖、需要透明背景 |
| WebP | 失真/無損皆可 | 幾乎所有網頁用途,同畫質比 JPEG 小 25~35% | 需要相容非常老舊的軟體時 |
| PNG | 無損 | 螢幕截圖、圖示、去背圖、含文字的圖 | 照片(檔案會非常大) |
簡單的判斷法:畫面裡有大量文字或銳利線條就用 PNG,是相機拍的照片就用 JPEG 或 WebP。需要透明背景時只能選 PNG 或 WebP。
可以。Chrome、Edge、Firefox、Safari 都已支援多年(Safari 從 14 版、也就是 2020 年開始)。目前全球瀏覽器支援度超過 95%,一般網站直接使用不會有問題。
要留意的是「非瀏覽器」的場景:部分舊版的圖片編輯軟體、某些電商或社群平台的上傳介面、以及一些企業內部系統可能還不接受 WebP。若圖片是要上傳到第三方平台,先確認對方支援哪些格式。
JPEG 與 WebP 的品質值是 0 到 100 的取捨刻度,數字愈低檔案愈小、破壞愈明顯。實務上的建議:
| 品質 | 觀感 | 適用場景 |
|---|---|---|
| 95~100 | 幾乎無損,但檔案大幅增加 | 需要再次編輯的中間檔;一般網頁用不到 |
| 80~90 | 肉眼難以分辨差異 | 多數網頁圖片的甜蜜點,本工具預設 82 |
| 60~80 | 放大細看有輕微損失 | 縮圖、列表頁的預覽圖 |
| 60 以下 | 色塊與雜訊明顯 | 不建議,除非對檔案大小有極端要求 |
從 100 降到 90 通常能省下一半以上的檔案大小,畫質卻幾乎看不出差異——這是投報率最高的一段。但從 60 再往下調,檔案已經省不了多少,畫質卻急遽惡化。
JPEG 是失真壓縮,每存一次就損失一些資訊,而且無法還原。把一張已經壓過的 JPEG 再壓一次,即使品質設 90,畫質仍會再降一級。多次來回會累積出俗稱「世代損失」的塊狀雜訊。
正確做法是永遠從原始檔案壓縮。若對結果不滿意,回到原檔調整參數重壓,而不是拿壓過的結果再壓。
這是最容易被忽略、效果卻最顯著的一點。手機拍的照片動輒 4000×3000 像素,但網頁上可能只顯示成 800 像素寬。多出來的像素完全是浪費——使用者看不到,卻要為它付出下載時間與流量。
把 4000×3000 縮成 1920×1440,像素數量只剩下約 23%,檔案大小通常也跟著降到四分之一左右,而且在一般螢幕上看不出差別。先縮尺寸,再調品質,順序反過來效果會差很多。
常用的尺寸參考:全寬的主視覺 1920px、部落格內文圖 1280px、產品列表縮圖 800px、頭像 400px。
本工具用 Canvas 重新繪製並編碼圖片,這個過程不會保留 EXIF 資訊。EXIF 是相機寫入照片的中繼資料,可能包含:
對於要公開發布的照片,移除 EXIF 通常是好事——直接上傳手機原檔到網路上,等於一併公開了你家或公司的位置。但如果你需要保留這些資訊(例如攝影作品集要顯示拍攝參數),請保留原始檔案,不要用壓縮後的版本。
這種情況確實會發生,常見於三種狀況:
本工具會標示每張圖的變化,若顯示為紅色的增加,代表這張圖不適合目前的設定,建議換個格式再試。
市面上多數線上圖片壓縮服務會把檔案上傳到伺服器處理。這代表你的照片曾經完整地存在於別人的機器上——即使對方聲稱會定時刪除。
本工具完全在你的瀏覽器中執行,使用瀏覽器內建的 Canvas API 進行解碼、縮放與重新編碼,沒有任何網路傳輸。你可以在載入頁面後直接斷網,工具依然能正常運作——這是最直接的驗證方式。詳見隱私權政策。