JPEG 和 PNG 到底該用哪個？

快速答案：照片用 JPEG，邊緣銳利或帶透明的圖形用 PNG。 如果你只記得一句話，這條規則能正確處理 90% 的場景。這篇文章的其餘部分解釋為什麼，好讓你自己判斷那些邊界情況。

唯一重要的區別

JPEG 和 PNG 是為不同型別的影象設計的。

JPEG 是為照片調校的有損格式。它擅長平滑漸層——皮膚、天空、虛化的背景——並且樂於丟棄你眼睛忽略的細節。這就是它能把一張 1200 萬畫素的照片塞進 2 MB 的原理。
PNG 是為純色塊、銳利線條和文字打造的無損格式。它還支援透明，而 JPEG 完全做不到。logo、圖示、介面截圖、圖表，都該用 PNG。

用錯了立刻能感覺到。把 logo 存成 JPEG，銳利的邊緣會鑲上一圈灰色的"蚊式噪點"；把照片存成 PNG，檔案會膨脹到五倍十倍大，卻看不出任何好處。

按順序問兩個問題：

截圖是經典的陷阱。一張以照片為主的網頁截圖，壓成 JPEG 更省；而一張程式碼、表格或介面的截圖，用 PNG 才能既清晰又小巧。拿不準就兩個都試，對比一下——這就說到工具了。

如果格式選錯了，換起來很簡單。IMG.DIY 的圖片格式轉換工具可以在瀏覽器裡直接在 PNG、JPG、WebP、AVIF 之間轉換。（注意：瀏覽器無法透過 canvas 編碼 AVIF，所以選 AVIF 輸出時會退回到 WebP——它幾乎一樣小，而且到處都支援。）你可以一次批次轉換一整批。

最常見的收益：設計師給了你一整個資料夾的 PNG 照片。把它們轉成 JPG，看著資料夾縮小 80% 甚至更多，而看不出損失。

選對格式只是一半——你還想讓檔案更小。

JPEG（和 WebP）： 用質量滑塊。75–85 這一檔對大多數照片來說是視覺無損的，同時把體積壓得很狠。
PNG： 沒有質量滑塊，因為它是無損的。取而代之的是減少顏色數量。大多數 PNG 用到的顏色遠少於允許值，所以量化到 256 色調色盤通常能省 60–80% 而看不出變化——而且透明會完整保留。

IMG.DIY 的圖片壓縮工具會根據你喂進去的格式自動採用正確方法，而且絕不會輸出比原圖更大的檔案。混著 JPG 和 PNG 的一整個資料夾丟進去，每張都會得到它需要的處理。

值得一提：WebP 兩樣活兒都能幹。它像 JPEG 一樣壓照片，又像 PNG 一樣支援透明，而且通常比兩者都更小。如果你的受眾用的是現代瀏覽器（如今幾乎所有人都是），轉成 WebP 往往是最划算的一招。只有在必須相容非常老舊的軟體時，才保留一份 JPEG 或 PNG 備用。

照片 → JPEG。logo、圖示、文字、透明 → PNG。既要壓縮又要透明，或者想要儘可能小的檔案 → 考慮 WebP。然後用與格式匹配的方法壓縮。這裡每一步都完全在你的瀏覽器裡執行——什麼都不上傳，首次訪問之後工具還能離線使用。