如何壓縮圖片而不損失品質
快速解答
若要壓縮影像:開啟影像壓縮器,上傳映像(或拖曳),調整品質滑桿(JPEG/WebP 的 80-90 通常不可見),然後下載壓縮結果。所有處理都使用 Canvas API 在本地進行 - 您的圖像永遠不會上傳到伺服器。
介紹
大圖像會降低網站速度,增加頻寬成本,並損害 SEO 排名。壓縮影像透過刪除冗餘資料來減少檔案大小,並且對於 JPEG/WebP,丟棄視覺上不重要的細節(有損壓縮)。對於 PNG,壓縮是無損的-不會丟棄任何資料。目標是找到沒有明顯品質差異的最小檔案大小。本指南向您展示如何使用免費的線上工具在瀏覽器中壓縮圖像。
步步
-
打開圖像壓縮器工具
進入圖片壓縮工具頁面。此工具支援 JPEG、PNG 和 WebP 格式,並使用瀏覽器的 Canvas API 在本地處理影像。
-
上傳您的圖片
點擊上傳按鈕或將圖像拖曳到工具上。該工具使用 FileReader 將圖像載入到記憶體中,並建立一個畫布進行處理。支援的格式:JPEG、PNG、WebP 和 BMP。
-
選擇輸出格式
選擇輸出格式。對於照片,JPEG 或 WebP 可提供最佳壓縮效果。對於顏色很少的圖形(標誌、圖示),PNG 更好。在同等品質下,WebP 產生的檔案比 JPEG 小約 30%。
-
調整品質
對於有損格式(JPEG、WebP),設定品質滑桿。 80-90 人眼通常無法區分原始影像。較低的值 (60-70) 會產生具有可見偽影的較小檔案。對於 PNG(無損),品質不適用。
-
下載壓縮映像
點擊“下載”以儲存壓縮圖像。該工具顯示原始檔案和壓縮檔案的大小以及減少的百分比。目視比較以確保品質可以接受。
範例
JPEG 照片壓縮
輸入: photo.jpg(2.5 MB,質量 100)
輸出: photo-compressed.jpg(350 KB,質量 85)— 減少 86%,沒有明顯差異
PNG 到 WebP 轉換
輸入: 圖.png (1.2 MB)
輸出: image.webp(180 KB,質量 90)— 減少 85%
正向的 JPEG 壓縮
輸入: photo.jpg(2.5 MB,質量 100)
輸出: photo-tiny.jpg(120 KB,質量 60)— 減少 95%,可見偽影
常見問題
- 壓縮已經壓縮的影像 - 重新壓縮 JPEG 會導致生成遺失。如果可能,請始終從原始檔案(PNG 或 RAW)進行壓縮。
- 圖形使用 JPEG —JPEG 偽像在銳邊、文字和平面顏色上可見。使用 PNG 或 WebP 作為標誌、螢幕截圖和插圖。
- 忽略 WebP —WebP 在同等品質下產生的檔案比 JPEG 小 25-35%,並且所有現代瀏覽器都支援。
- 調整大小與壓縮-對於大尺寸,調整大小(例如,從 4000 像素到 2000 像素)通常比單獨的質量壓縮節省更多。
提示
- 對現代網站使用 WebP — 它支援有損且無損壓縮,並且比 JPEG 小約 30%。
- 將照片的 JPEG 品質設定為 80-85 — 這是檔案大小急劇下降但品質損失不可見的最佳位置。
- 在壓縮之前將影像大小調整為顯示尺寸 - 以 800 像素顯示的 4000 像素影像會浪費頻寬。
- 使用我們的影像壓縮器進行即時、私人處理 - 您的影像永遠不會離開您的瀏覽器。