圖片格式有幾十種,但日常真正會遇到的就那幾個。這篇用實用角度快速帶過每一種——它擅長什麼、需要別的格式時去哪轉。
這件事我們自己測過。 最能說明「壓縮到底是什麼」的,是 BMP 那組測試:三個 BMP 來源檔都是不折不扣的 2.75 MB,不管裡面裝的是雜訊很多的照片還是六個純色塊。BMP 把每個像素原封不動存下來,所以檔案大小跟畫面內容完全無關。把同樣的像素轉成 PNG——無損、畫面一模一樣——平面那幾張就少了 99%。 看完整實測數據
點陣格式(由像素組成)
- JPG / JPEG——有損、檔案小、不支援透明。照片的預設格式。(你也可能看到 JFIF,它其實就是同一個東西,只是副檔名不同。)
- PNG——無損、支援透明。最適合 logo、圖示與截圖。完整比較見 PNG 與 JPG。
- WebP——現代格式,比前兩者都小又支援透明。很適合網站——細節見 WebP 是什麼。
- AVIF——最新、常常也最小,基於 AV1 編碼,但還不是到處都打得開。見 AVIF 是什麼。
- GIF——只有 256 色,以動畫聞名。想取靜態影格,轉 GIF 轉 PNG。
- BMP——老舊、未壓縮的 Windows 格式,檔案很大。用 BMP 轉 PNG 縮小它。
這幾種點陣格式的差別,用同一張圖最容易看出來。我們那張平面插畫在 WebP 是 10.8 KB;同一張圖在 JPG 是 23.7 KB(+119%)、在 PNG 是 94.0 KB(+769%)。圖本身完全沒變 —— 變的只是格式選擇怎麼存它。
向量格式(由數學組成)
- SVG——用數學路徑描述形狀,可無限縮放不糊、檔案又小,最適合 logo 與圖示。你甚至可以把 PNG 描摹成 SVG。
給文件用
- PDF——它不是圖片格式,但圖片常常最後變成 PDF。你可以把圖片合併成 PDF,或把頁面拆回圖片。
我該用哪個?
- 照片? → JPG(網頁用 WebP/AVIF)。
- logo、圖示或截圖? → PNG(若是簡單圖形則用 SVG)。
- 要網站快? → WebP 或 AVIF,並備 JPG/PNG 退路。
- 檔案太大寄不出去? → 壓縮它。
而這個選擇不能免費反悔。從那張插畫的 25.6 KB JPG 出發轉成 PNG 是 143.8 KB(+461%):PNG 會把 JPEG 的壓縮痕跡當成細節一樣忠實存下來。選格式要看檔案「要去哪裡」,不是看它「從哪裡來」。
任意格式互轉
每個轉換都在你的瀏覽器本機執行,不上傳。到圖片轉換器 hub 瀏覽全部,或直接跳到常用的 PNG 轉 JPG、PNG 轉 WebP 或壓縮圖片。
只要知道每個格式的用途,選擇——與轉換——都只要幾秒。
有損 vs. 無損:另一個關鍵分界
除了點陣與向量,格式還會依「怎麼儲存資料」分成兩類:
- 有損(JPG,以及預設的 WebP、AVIF)會捨棄肉眼幾乎察覺不到的細節來縮小檔案。很適合照片——但同一個檔案反覆重存會慢慢劣化。
- 無損(PNG、GIF、BMP,以及 WebP、AVIF 的無損模式)每個像素都原封保留。logo、文字、截圖,以及之後還要再編輯的東西,都少不了它。
有損與無損的分界,往「錯的方向」走最容易看出來。把 JPG 轉成 PNG 救不回任何東西 —— 而且要付代價:
| 測試圖 | 輸入 | 輸出 | 變化 |
|---|---|---|---|
| 螢幕截圖 | 45.2 KB | 72.8 KB | +61% |
| 照片 | 330.2 KB | 2.07 MB | +542% |
我們的螢幕截圖在 JPG 是 45.2 KB;轉成 PNG 變成 72.8 KB(+61%)。PNG 是無損的,所以它會把 JPEG 的壓縮痕跡當成細節一樣忠實存下來 —— 每一道振鈴邊緣、每一個方塊效應都被永久保留,而且用了好幾倍的空間。無損不代表「品質好」,它代表「你給它什麼,它就一模一樣存什麼」。
你可能還會遇到這兩個
- HEIC——iPhone 拍照用的格式。效率高,但不是網頁原生;見 HEIC 怎麼轉 JPG。
- TIFF——高畫質、常常未壓縮的格式,用於印刷與典藏。細節見 TIFF 是什麼。
快速對照
| 你手上有 / 想要 | 最適格式 |
|---|---|
| 要保存或分享的照片 | JPG |
| 網站上要快的照片 | WebP 或 AVIF |
| logo、圖示或截圖 | PNG |
| 可無限縮放的 logo 或圖示 | SVG |
| 短動畫 | WebP(要最大相容性則用 GIF) |
| 可送印的母檔 | TIFF 或高品質 PNG |
常見問答
點陣和向量差在哪?
點陣圖是固定的像素網格,放大會糊。向量圖用數學描述,可放大到任何尺寸都清晰——但只適合平面圖形,不適合照片。
哪個格式檔案最小?
就照片而言,通常 AVIF 最小,其次 WebP,再來 JPG。平面圖形則常是 SVG 或無損 WebP 勝出。
我可以把照片轉成 SVG 嗎?
沒什麼實用價值。SVG 適合 logo 與線稿;把細節豐富的照片描摹成 SVG 只會產生又大又亂的檔案。照片還是留成 JPG、WebP 或 AVIF 吧。