IMG.DIY / 基礎工具 / 圖片壓縮

圖片壓縮

在瀏覽器裡把 JPG、PNG、WebP 變小,同時幾乎看不出畫質損失。

圖片壓縮 visual example
隱私優先:任何檔案都不會被上傳。

从原图到结果,一眼看懂

选择文件、完成处理、下载结果。全部在浏览器本地完成。

圖片壓縮: 1 · 选择原图
1 · 选择原图
圖片壓縮: 2 · 调整与处理
2 · 调整与处理
圖片壓縮: 3 · 下载结果
3 · 下载结果

圖片太大會拖慢網頁、佔滿儲存。這個工具會按你選定的質量重新編碼照片,在保持清晰的前提下縮小體積。整個資料夾拖進來就能一次批次處理。

因為全部在你自己的裝置上運算,既沒有上傳等待,也沒有隱私顧慮——檔案根本不經過伺服器。

使用方法

  1. 新增圖片拖入一張或多張,或點選選擇。從剪貼簿貼上的截圖也可以。
  2. 設定質量拖到合適的位置,80% 是不錯的起點。也可以設個最大寬度順便縮小大圖。
  3. 壓縮並儲存點「全部壓縮」,看每行的前後體積對比,挑需要的儲存。

在瀏覽器裡壓縮圖片,檔案不上傳

這個圖片壓縮工具會按你選定的質量,對 JPG、PNG、WebP 重新編碼,幫你在上傳網站、發郵件或提交表單前把圖片壓縮到更小。全部處理都在瀏覽器本地完成,圖片不會傳到任何伺服器,網路不好也照樣能用。

JPG 和 WebP 用質量滑塊控制壓縮力度;PNG 則用 256 色量化(基於 UPNG)來減體積,所以 logo、截圖、純色圖這類圖片壓縮效果特別明顯。如果壓完反而比原圖還大,工具會自動保留原圖,絕不會讓你得到一個更臃腫的檔案。

壓到指定大小,還能批次處理

很多上傳限制是寫死的數字:頭像小於 100KB、商品圖小於 1MB、附件小於 2MB。把質量滑塊往下調,盯著輸出大小,壓到剛好低於限制再匯出就行。想把圖片壓縮到 100KB,通常只要犧牲一點點在螢幕上根本看不出的畫質。

你可以一次拖入多張圖,用同一套設定批次壓縮,再打包成 ZIP 一起下載。還有一個可選的最大寬度縮放,往往是減體積最狠的一招:一張 4000 畫素的手機照片縮到 1600 畫素寬,還沒開始壓質量,體積就已經小了一大截。

大家都用它來做什麼

網頁載入更快 — 把大圖和商品圖壓小,頁面開啟更快,Core Web Vitals 評分也更好看。

郵件附件發得出去 — 把大照片壓到信箱附件限制以內,不用拆成好幾封郵件發。

滿足上傳大小限制 — 幾下滑塊就能把證件照或檔案照片壓到門戶要求的 2MB、5MB 以內。

文件截圖更輕 — 把又大又重的 PNG 截圖壓成小檔案,用在 wiki、工單、README 裡更省事。

批次處理商品圖 — 一次壓完整個資料夾的商品圖,打包成一個 ZIP 拿走。

頭像和縮圖 — 把圖片壓縮到 100KB 以內,用作論壇頭像、個人頭像和小縮圖。

省手機儲存和流量 — 備份或用流量分享前,先把相機照片縮放壓縮一下。

二手和分類資訊釋出 — 在限制總上傳大小的帖子裡塞進多張照片。

為什麼值得在瀏覽器裡壓縮圖片

圖片體積幾乎是每個網站、每封郵件、每個共享資料夾背後的隱性成本。手機直出的一張照片動輒六到八兆,一百張放在一起,就變成了漫長的上傳、被退回的附件,或者被搜尋引擎因為載入慢而降權的頁面。常見的做法是把檔案丟進某個線上壓縮網站,但這意味著把原圖交給一臺你控制不了的伺服器,等待一來一回的傳輸,還常常在處理幾張之後就撞上付費牆。

把壓縮放到本地,整個賬演算法就變了。當處理過程在你自己的瀏覽器標籤頁裡、用 Canvas 和 WebAssembly 完成時,畫素根本不會離開你的裝置。沒有上傳進度條,因為壓根不需要上傳。對於敏感素材——合同截圖、醫學影像、還沒釋出的產品圖、家人照片——這一點尤其重要:把副本交給第三方是實實在在的風險,而不是紙面上的假設。同時,工具的響應速度取決於你的 CPU 而非網路,一批放到線上要傳幾分鐘的圖,在本地幾乎是電腦算多快就多快。

壓縮本身也不是走過場。對於 PNG,IMG.DIY 採用 256 色量化——正是讓 TinyPNG 出名的那一類技術,能把純色圖、截圖、插畫在幾乎看不出損失的前提下大幅瘦身。對於 JPG 和 WebP,則提供質量滑塊,讓你在清晰度和體積之間自己權衡,並直接看到結果。每個檔案都有一道保護線:如果"壓縮"後反而比原圖更大,工具會自動保留原圖,你永遠不會把一張本就精簡的圖越弄越大。

它有什麼不一樣

  • 檔案留在你的裝置上。 全程不上傳,整條流水線在瀏覽器裡跑,不會有副本躺在別人的伺服器上。
  • 可離線使用。 首次訪問後,PWA 和 Service Worker 會快取應用,飛機上、地下室裡、斷網時都能繼續壓縮。
  • 免費、免註冊、無浮水印。 匯出的就是你乾淨的圖片——沒有角標,沒有賬號牆,沒有次數倒計時。
  • PNG 壓縮實打實。 256 色量化正好命中純色圖和截圖最受益的場景。
  • JPG/WebP 可控質量。 用滑塊精確定位你想要的體積與清晰度的平衡點。
  • 絕不超過原圖。 工具拒絕返回比原始檔案更大的結果。
  • 批次加打包。 一次拖入多張圖片,統一打成一個 ZIP 下載。

IMG.DIY 與其他圖片壓縮工具對比

TinyPNG、Squoosh、Compressor.io 都是貨真價實的好工具,尤其 Squoosh 在瀏覽器端編解碼上是先行者。誠實地說,差別主要在於處理發生在哪裡,以及批次怎麼處理。

維度 常見線上壓縮(TinyPNG、Compressor.io) Squoosh IMG.DIY
隱私 / 上傳 檔案上傳到對方伺服器 瀏覽器內處理,不上傳 瀏覽器內處理,不上傳
價格 免費額度有月度/體積限制,再多要付費 免費 免費,無額度無分級
離線 不支援 部分(PWA) 首次訪問後完整離線
批次 免費檔受限 一次一張 一次多張,ZIP 下載
浮水印 輸出無浮水印
PNG 技術 強量化(TinyPNG) 手動選編解碼器 256 色量化
上手難度 很低 中等(引數較多)

Squoosh 在理念上和我們最接近——同樣本地、同樣私密——但它圍繞"一次精調一張圖、細調編解碼引數"設計,拿來打磨一張主視覺圖很出色,清空整個資料夾則偏慢。TinyPNG 和 Compressor.io 效果優秀、使用簡單,但會上傳你的檔案,並把重度使用擋在限額或訂閱之後。如果你想要強壓縮、批次吞吐、而且檔案永遠不離開本機,這三者的組合正是 IMG.DIY 的位置。

為什麼選 IMG.DIY

隱私安全

本地處理,絕不上傳。

批次處理

幾十張一次搞定。

質量自己定

儲存前先看能省多少。

零等待

無需上傳排隊,即點即用。

常見問題

壓縮會不會掉畫質?
由你決定。80–90% 質量下通常看不出差別,體積卻能小很多。想更小就把滑塊拉低,想更接近原圖就拉高。
有檔案大小或數量限制嗎?
沒有固定上限。超大批次取決於你裝置的記憶體,因為全部在本機執行。
我的圖片會被上傳嗎?
不會。所有處理都在你的瀏覽器裡完成,檔案不會離開你的裝置。
支援哪些格式?
JPG、PNG、WebP。壓縮的同時還能順便轉成別的格式。
PNG 和 JPG 的壓縮方式有什麼不一樣?
JPG 和 WebP 是靠調低滑塊上的質量來壓縮,屬於有失真壓縮,最適合照片。PNG 是把顏色減到 256 色,對純色圖、圖示、截圖能省出驚人的體積,同時邊緣還很清晰。如果你的 PNG 其實是照片,先轉成 JPG 或 WebP 往往能小得多。
為什麼壓完幾乎沒變小,甚至沒變化?
如果圖片本來就壓得很好,再用差不多的質量重編碼幾乎沒效果。當工具發現壓出來會比原圖大時,會故意保留原圖,讓你不至於更虧。可以把質量滑塊再往下拉,或加上最大寬度縮放,減體積會更明顯。
怎麼壓到精確大小,比如 500KB 以內?
把質量滑塊往下調,看一下壓出來的大小,再上下微調到剛好低於目標。想穩穩壓到 100KB 這種緊限制,最靠譜的是把最大寬度調小、質量取中等一起用,因為尺寸對體積的影響比質量更大。
壓縮後為什麼會模糊?
對 JPG、WebP 來說,質量調得太低會出現畫質損失,看起來發糊或有塊狀。往上調一點質量通常就能解決。如果是因為把最大寬度縮得太小導致的糊,那是尺寸變了,把寬度調大一些即可。
透明 PNG 壓縮後會丟透明背景嗎?
不會,256 色量化會保留 PNG 的透明通道。alpha 透明資訊會保住,logo 和去背壓完仍然是透明的。
一次最多能壓多少張?
沒有固定上限,實際限制取決於裝置記憶體。所有圖片都在你瀏覽器裡處理,如果電腦配置一般,一次壓太多高解析度大圖會卡,分小批處理更順。

相關工具

相關教學