JPG、PNG、WebP 怎麼選?圖片格式比較與用法
照片用 JPG,截圖、Logo 和需要透明背景的圖片用 PNG;如果目的地支援,又想讓檔案更小,就用 WebP。選擇主要看兩件事:格式是有損還是無損,以及是否支援透明背景。請依圖片內容和最後呈現的地方來決定。
圖片格式轉換需要 JPG,手上只有 PNG免費使用白話說明有損與無損
有損格式會捨棄一些細節來縮小檔案,而且壓縮程度可以自己選。無損格式則完整保留每個像素,但照片細節很多,無損格式通常無法把照片檔案縮得很小。JPG 是有損格式,PNG 是無損格式,WebP 兩者都可以。同一個檔案一再重新儲存時,損失會累積,所以每次都請從原始檔案轉換。
不同用途該用哪種格式
- 照片:JPG。檔案小、大多數地方都能開啟,色彩表現自然。
- 截圖、圖表和介面畫面:PNG。文字和純色區塊能保持清晰。
- Logo 和去背圖:PNG 或 WebP,兩者都能保留透明區域。JPG 無法儲存透明。
- 網頁圖片:WebP;如果網站需要,可以保留 JPG 或 PNG 作為備用。
| 格式 | 壓縮方式 | 透明背景 | 最適合 | 注意事項 |
|---|---|---|---|---|
| JPG | 有損 | 不支援 | 照片、電子郵件、表單 | 文字周圍可能出現雜點,無法透明 |
| PNG | 無損 | 支援 | 截圖、Logo、圖表 | 拍攝的照片檔案較大 |
| WebP | 有損或無損 | 支援 | 網頁與新式應用程式 | 部分舊版程式無法開啟 |
| AVIF | 有損或無損 | 支援 | 新式瀏覽器中的小檔案圖片 | 舊版軟體支援較少 |
瀏覽器與應用程式支援
目前主流瀏覽器都能顯示 WebP,許多也支援 AVIF。但在舊版瀏覽器、電子郵件用戶端、桌面程式和上傳表單中,支援程度較不確定,表單通常會列出可接受的檔案類型。請先確認表單的要求。如果表單指定 JPG 或 PNG,就算 WebP 或 AVIF 檔案更小,也請使用指定的格式。
轉換時盡量減少損失
- 保留原始檔案,並轉換一份副本,不要直接覆蓋原檔。
- 將照片轉成 JPG 時,請選擇較高的品質設定。
- 把 JPG 轉成 PNG 無法復原已經流失的細節,所以請從手上最好的檔案開始。
- 把透明圖片存成 JPG 時,透明區域會被填滿單一顏色,通常是白色或黑色。
如果目標是讓檔案更小,請在轉換後壓縮圖片。至於像素尺寸,請參考表單用圖片調整尺寸指南。
寄送電子郵件、列印與上傳時怎麼選
用電子郵件或日常分享照片時,JPG 是最穩妥的選擇,因為幾乎所有程式和服務都能讀取。若是線條銳利的圖形,例如需要清楚列印的 Logo,通常 PNG 會是比較好的檔案。表單和印刷服務有時會列出自己接受的格式,這些規定優先於一般原則。
快速判斷清單
- 圖片需要透明背景嗎?請用 PNG 或 WebP。
- 是不需要透明背景的照片嗎?請用 JPG;如果目的地支援,也可以用 WebP。
- 是文字、截圖或圖表嗎?請用 PNG。
- 要上傳到表單或給舊版程式使用嗎?請使用表單或程式列出的格式。
為什麼不同格式的檔案大小會不一樣
沒有哪一種格式永遠最小。同一張照片在相近品質下,WebP 或 AVIF 可能比 JPG 小;而簡單的純色圖形,PNG 也可能比 JPG 小。圖片內容決定了大部分的結果,所以請比較實際檔案,不要只依照經驗法則判斷。
保留無損的原始檔
可以的話,請保留一份無損格式的原始檔,例如截圖的 PNG 或相機的原始檔。再依不同用途製作有損的副本。這樣之後隨時都能產生 JPG、WebP 或更小的檔案,而不必從已受損的副本重新開始。
透明邊緣的特殊情況
PNG 和 WebP 能保留柔和的邊緣,所以帶有淡淡陰影或模糊邊緣的 Logo,放在有顏色的背景上仍會很平滑。JPG 無法儲存這些邊緣,因此陰影不是被壓成實心背景,就是完全消失。如果 Logo 必須放在不同背景上,請把透明版本當作主檔案,只在必要的地方才製作 JPG 副本。如果 Logo 還沒有透明版本,請先去除背景。透明 PNG 為什麼會變成黑底一文說明了把該檔案存成 JPG 時會發生什麼事。
用 fixmint 這樣操作
- 確認表單或應用程式接受哪些格式。它們的規定優先於上面的一般原則。
- 把原始檔案拖曳到圖片格式轉換工具。
- 在「轉換為」中,照片選 JPG,截圖、Logo 和需要透明背景的圖片選 PNG。只有在目的地支援時才選 WebP。
- 選擇 JPG 時,將「品質」保持在 92 以上,然後下載檔案。要下載多個檔案時,請使用「全部下載(.zip)」。
- 如果檔案仍然太大,請壓縮它。
常見問題快速解答
JPG 和 PNG 哪個比較好? 照片用 JPG 比較好,因為檔案小很多。截圖、文字和透明 Logo 則用 PNG 比較好,因為邊緣能保持清晰。
WebP 可以放心使用嗎? 在網站上,只要是目前的主流瀏覽器都可以。若用於電子郵件、表單或桌面程式,除非收件人確認支援 WebP,否則 JPG 比較保險。
為什麼我的透明 Logo 周圍現在出現白色方框? 它被存成了 JPG,而 JPG 無法儲存透明背景。請使用圖片格式轉換工具,重新存成 PNG 或 WebP。
借助 AI 協助,由英文原文翻譯而成。
留言
還沒有留言,搶先留言吧。


