格式比較
PNG 與 JPG:該用哪種圖片格式?
PNG 和 JPG 解決的是不同的問題:PNG 以無損方式儲存像素並支援透明度,JPG 則捨棄肉眼幾乎察覺不到的細節,讓照片小得多。依內容選擇,而不是依習慣:介面和文字用 PNG,照片用 JPG。
PNG 最擅長的事
PNG 是無損的:不管開啟和重新儲存多少次,每個像素都原樣保留。這讓它成為螢幕截圖、UI 設計稿、logo、圖表,以及一切有銳利邊緣或文字的內容的正確格式,而且兩者中只有它具備真正的透明度(alpha 色版)。代價是檔案大小:同一張照片,PNG 很容易比等效的 JPG 重上好幾倍。
JPG 最擅長的事
JPG 是為照片而生的:柔和的漸層、自然的紋理、數百萬種色彩。它的失真壓縮捨棄肉眼幾乎注意不到的細節,即使在高品質設定下也能讓照片大幅縮小。它沒有透明度,還會把銳利邊緣弄糊,所以文字和螢幕截圖在 JPG 裡看起來霧霧的。損失還會累積:反覆重新儲存 JPG 會讓它持續輕微劣化。
在瀏覽器裡轉換並比較
要做決定,最快的方法就是用你自己的圖片來測試:把它丟進圖片壓縮工具、選擇 JPEG 作為輸出格式,再把大小與視覺結果和原檔並排比較。瀏覽器內建的 canvas 編碼器同時支援 PNG 與 JPEG,所以轉換完全在分頁內發生,毫無上傳。你可以把一張截圖和一張照片拖進同一個批次,一眼就看出哪種格式適合哪一張。
本指南使用的工具
常見問題
螢幕截圖該存 PNG 還是 JPG?
PNG。螢幕截圖滿是文字和銳利邊緣,正是 JPG 壓縮最先糊掉的部分。存成 JPG 的截圖會出現霧霧的字和邊緣的光暈雜訊;PNG 則始終完美清晰,而且對介面類內容來說,檔案往往也不會大多少。
把 JPG 轉回 PNG 能恢復畫質嗎?
不能。JPG 壓縮捨棄的東西已經永遠消失了;轉成 PNG 只是把已經受損的像素以無損方式存進一個大得多的檔案。需要較小的照片時把 PNG 轉成 JPG,但如果之後還要再編輯,請保留原始的 PNG。