Image Compression

如何將圖片壓縮到 500KB

使用瀏覽器工具,將 JPG、PNG 或 WebP 圖片縮減到如 500KB 這類目標檔案大小的實用流程。

許多上傳表單、市集、CMS 系統與電子郵件工作流程,會拒絕超過如 500KB 這類固定上限的圖片。最快的路徑不是隨機嘗試錯誤。請使用目標大小的流程:

  1. 將圖片調整為你實際需要的顯示尺寸。
  2. 針對照片與網站交付,匯出為 WebP 或 JPG。
  3. 設定如 500KB 的目標大小。
  4. 在替換原始圖片前,先比較結果。

你可以在 ImgKit Image Compressor 的目標大小欄位輸入 500 來試試。

先從像素大小開始

檔案大小高度取決於尺寸。一張 4000px 寬的圖片,通常會比 1600px 的圖片更難塞進 500KB。如果圖片是用於部落格、登陸頁、個人檔案或商品卡,請在硬擠品質之前先調整大小。

當圖片比最終版面大很多時,請使用 Image Resize Tool

照片請選擇 WebP 或 JPG

對照片來說,JPG 與 WebP 通常是比 PNG 更合適的目標大小格式。PNG 適用於透明、螢幕截圖、圖示與清晰的介面圖形,但照片型的 PNG 即使在壓縮後仍可能很大。

如果目的地接受 WebP,請先試 WebP。如果目的地需要 JPG,請匯出 JPG,並只在必要時降低品質。

用目標,而不是猜測

品質滑桿很有用,但它不會告訴你輸出是否符合真實的上傳限制。目標大小壓縮工具可以測試多個品質層級,並保留它在限制內能找到的最佳結果。

在 ImgKit 中,瀏覽器工具會針對快速工作在本機嘗試這點。ImgKit Pro 透過 Batch Image Converter 將相同概念延伸到資料夾:

node src/convert.mjs --input input --output output --formats webp --quality 82 --target-kb 500

當你需要讓整個商品資料夾、客戶圖片組,或網站搬遷批次都落在相同目標內時,這很有用。

保留原始圖片

目標大小匯出是交付檔案。請將原始圖片保存在安全的地方,特別是在縮小尺寸或品質時。如果之後你需要更大的主視覺圖片、印刷素材,或不同的裁切,原始圖片就會很重要。

當 500KB 太小時

如果圖片在 500KB 以下看起來很差,請先縮小尺寸。如果看起來仍然很差,目標對該圖片可能不切實際。細節多的大照片、雜訊多的圖片,以及含有大量小文字的螢幕截圖,通常需要更高的上限或不同的裁切。

批次工作流程需要通過/未通過報告

當你只壓縮一張圖片時,目視檢查就足夠。當資料夾有 200 張商品照片或文章圖片時,你需要一份報告,顯示哪些檔案通過了目標、哪些需要人工檢閱。

有用的報告應包含:

  1. 原始檔案大小。
  2. 輸出檔案大小。
  3. 目標 KB 值。
  4. 輸出是否通過目標。
  5. 最終尺寸與格式。

該報告對市集上傳、客戶交付,以及適用相同上限於每個檔案的 CMS 搬遷特別有幫助。

常見問題

每張圖片都能壓縮到 500KB 嗎?

在相同尺寸與品質下並不一定。非常大的照片在符合 500KB 之前,可能需要調整大小、降低品質設定,或轉換為 WebP。

先降低品質比較好,還是先調整大小?

當圖片比實際展示位置大很多時,先調整大小。接著再調整品質或轉換格式以達到目標大小。

ImgKit 在目標 500KB 時會上傳我的圖片嗎?

免費的 ImgKit 壓縮工具在您的瀏覽器中執行。來源圖片會在本機處理,適合快速的壓縮工作。

Resources

參考資源

利用這些參考資源,在指南、對應的支援頁面與內容製作者之間切換。

相關指南

接著閱讀