如何在不損失可見品質的情況下縮小圖片大小
你的網站需要六秒才能載入。你的電子郵件因附件太大而被退回。你的社群媒體貼文看起來很棒，但上傳花了很長時間。幾乎在所有情況下，罪魁禍首都是相同的：圖片遠比所需的大。
好消息是，你可以大幅縮小圖片檔案大小，通常縮小 70% 或更多，而在品質上沒有任何可見的差異。關鍵是了解圖片變大的原因。
解析度 vs. 檔案大小：關鍵區別
許多人將圖片解析度與檔案大小混淆。它們相關但不相同。
解析度是圖片中的像素數量，以寬 x 高表示。4000 x 3000 像素的圖片有 1200 萬像素（12 百萬像素）。解析度決定了圖片在保持清晰的情況下可以顯示多大。
檔案大小是圖片在磁碟上佔用的位元組數。它取決於解析度，但也取決於格式、壓縮程度和圖片內容。
這個區別之所以重要：一張在網站上以 800 x 600 顯示的 4000 x 3000 圖片，浪費了超過 90% 的像素。瀏覽器必須下載所有 1200 萬像素，然後丟棄大部分，以較小的尺寸顯示圖片。在上傳前將圖片調整為實際顯示尺寸可以將檔案大小縮減 80% 或更多，而在視覺上毫無差異。
你知道嗎？ 典型的智慧型手機照片是 4000 x 3000 像素或更大。網站上的全寬圖片很少需要超過 1920 x 1080 像素。對於部落格縮圖，600 x 400 像素通常就足夠了。
了解圖片格式
你選擇的格式對檔案大小有巨大影響。
JPG（JPEG）
照片的通用標準。JPG 使用有損壓縮，即丟棄一些人眼不太可能注意到的圖像資料。在品質 80-85% 的情況下，JPG 圖像看起來與原始圖像相同，但大小只有原來的一小部分。
最適合： 照片、有漸層的圖像、寫實圖像。
PNG
PNG 使用無損壓縮：不丟棄任何資料。這使它非常適合需要精確像素重現的圖像，如 logo、截圖和含有文字的圖形。但是，對於攝影內容，PNG 檔案明顯大於 JPG。
最適合： Logo、截圖、含有文字的圖形、需要透明度的圖像。
WebP
由 Google 開發，WebP 提供有損和無損壓縮。在相同品質下，它生成的檔案比 JPG 小 25-35%，且支援透明度（JPG 無法做到）。所有現代瀏覽器都支援 WebP。
最適合： 任何類型的網頁圖像。是目前最佳的通用網頁格式。
| 格式 | 壓縮方式 | 透明度 | 典型照片大小 |
|---|---|---|---|
| JPG | 有損 | 否 | 200-500 KB |
| PNG | 無損 | 是 | 1-5 MB |
| WebP | 兩者兼具 | 是 | 150-350 KB |
提示 如果你有需要轉換相容性的 WebP 圖片，請參閱我們的指南：如何將 WebP 轉換為 JPG。
圖片壓縮的原理
所有圖片壓縮都利用同一個基本原理：人眼無法感知相機捕捉到的每一個細節。壓縮演算法識別並移除你永遠不會注意到缺失的資訊。
具體來說，有損壓縮利用以下特點：
- 顏色敏感度。 人眼對亮度變化比顏色變化更敏感。壓縮更積極地降低顏色精度。
- 高頻細節。 精細紋理和細微漸層可以被簡化而不會產生明顯影響。
- 冗餘。 顏色相似的區域（藍色天空、白色牆壁）可以更有效率地表示。
訣竅是找到正確的壓縮程度。壓縮不足浪費頻寬。壓縮過度會引入可見的失真：模糊、色帶和塊狀區域。
不同使用場景的實用規則
用於網站
- 最大寬度： 全寬主圖 1920 像素，內容圖片 800-1200 像素
- 格式： WebP，備用 JPG
- 品質： 75-85%
- 目標大小： 每張圖片低於 200 KB，縮圖低於 100 KB
用於電子郵件附件
- 最大寬度： 1200-1600 像素
- 格式： JPG（通用相容性）
- 品質： 80-85%
- 目標大小： 每張圖片低於 500 KB，總附件低於 10 MB
用於社群媒體
每個平台都有自己的最佳尺寸，但一般規則是：
- Instagram： 1080 x 1080（方形），1080 x 1350（直式）
- Facebook： 連結預覽 1200 x 630
- LinkedIn： 1200 x 627
- 格式： JPG 或 PNG
- 品質： 85-90%（平台會重新壓縮你的圖片，所以從稍高品質開始是明智的）
警告 社群媒體平台在上傳後會再次壓縮你的圖片。如果你上傳一張已經過度壓縮的圖片，雙重壓縮可能產生可見的失真。從中等壓縮的圖片（品質 85% 以上）開始，讓平台自行優化。
人們最常犯的錯誤
1. 上傳相機原始檔案
現代智慧型手機的原始照片是 3-8 MB。單眼相機的 RAW 檔案可以是 25-50 MB。將這些直接上傳到網站是導致頁面載入緩慢最常見的原因。
2. 將 PNG 用於照片
PNG 是照片的錯誤格式。以 PNG 儲存的照片可能比以 JPG 品質 85% 儲存的同一張照片大 5-10 倍，而在視覺上沒有任何差異。
3. 壓縮前不調整大小
將 4000 像素寬的圖片壓縮到 200 KB，遠不如先將其調整為 1200 像素寬，然後再壓縮那麼有效。先調整大小，然後壓縮。
4. 多次壓縮
每次你開啟 JPG、編輯並再次儲存，它就被重新壓縮了一次。經過幾個編輯-儲存週期，品質明顯下降。始終從原始檔案開始，只壓縮最終版本。
提示 直接在瀏覽器中免費壓縮你的圖片：如何壓縮圖片。調整品質、調整尺寸，並即時查看節省的檔案大小。
圖片優化的影響
優化圖片不只是為了方便。對於網站來說，它直接影響：
- 頁面載入速度。 更快的頁面在 Google 搜尋結果中排名更高。
- 使用者體驗。 53% 的行動使用者會放棄載入時間超過 3 秒的頁面。
- 頻寬成本。 對於高流量網站，圖片優化可以節省大量的主機費用。
- 無障礙性。 網路連線慢或流量有限的使用者受益極大。
準備好優化你的圖片了嗎？ 按照我們的逐步指南：如何壓縮圖片。免費，在你的瀏覽器中運作，讓你在下載前看到品質差異。