裝置與系統問題
螢幕擷圖該選 JPG 或 PNG,哪一種檔案比較小?
依內容為擷圖挑選 JPG 或 PNG。介面與文字多半用 PNG 比較銳利;相片佔多數的畫面,改存 JPEG 有時會比較小。
若擷圖裡是文字、UI、清楚線條、色塊或透明,PNG 多半能把邊緣維持得比較乾淨。畫面幾乎是相片、影片、遊戲或複雜漸層時,改試 JPEG,檔案常常比較小,畫質仍可接受。
沒有「PNG 永遠比較大」或「JPEG 永遠比較小」這種鐵則。檔案大小會隨畫面、尺寸、壓縮、透明與複雜度改變。
介面與文字擷圖請先從 PNG 著手。相片很重的擷圖,值得拿 JPEG 對照。一旦文字變難讀,檔案再小也不等於比較好。
這份指南只談螢幕擷圖,不是通論 WebP vs JPG vs PNG。相片、商標與網站圖像在三種格式間的取捨見 WebP、JPG 與 PNG:該用哪一種?依情境決定,不要只看副檔名。若你只想在不明顯模糊的前提下把檔案變小,見 如何在影像不會明顯變糊的情況下縮小檔案大小。
JPG 與 JPEG 指的是同一種格式
JPG 和 JPEG 是同一套格式。差在副檔名怎麼寫,不是編碼方式不同。
為什麼螢幕擷圖常被存成 PNG?
擷圖經常包含文字、圖示、UI 控制項、色塊、清楚邊緣與細線。PNG 採用 lossless 壓縮,這些邊緣可以維持銳利。PNG 也能存透明。這不代表每張擷圖都必須是 PNG。
JPEG 為什麼有機會比 PNG 更小?
JPEG 採用 lossy 壓縮,能把相片細節與連續色調收進較小的檔案。若擷圖主體是相片、影片、3D 遊戲、相機畫面或複雜紋理,JPEG 可能小非常多。JPEG 並非每次都壓得比較好,也沒有固定比例可套。
文字與介面擷圖,多數情況 PNG 比較保險
網站介面、設定頁、程式碼、終端機、試算表、儀表板、聊天、文件、錯誤訊息與教學,都是典型該先用 PNG 的擷圖。清楚邊緣、小字與細線容易露出 JPEG 的振鈴、光暈、塗抹或色塊。JPEG 不是讓所有文字都讀不了,只是 UI 上的瑕疵比較刺眼。
相片佔多數的擷圖,JPEG 常常夠好用
電影或影片畫面、遊戲場景、相簿、正在顯示相片的編輯器,或相片為主的動態牆,改存 JPEG 往往比 PNG 更縮得下來。若相片上頭還有小小的 UI 標籤,轉換後請檢查那些標籤。
文字跟相片同時出現的擷圖呢?
大張相片加上選單與小字的網頁,沒有單一正解格式。介面與文字必須清楚時優先 PNG。檔案大小比較重要、畫面幾乎是相片時優先 JPEG。兩邊都匯出,再用實際顯示尺寸對照。
PNG 會把畫質吃掉嗎?
PNG 壓縮本身是 lossless。把同一組像素再編成 PNG,不會加上新的 lossy 瑕疵。把 JPEG 轉成 PNG 也不會把畫質救回來。已經失去的 JPEG 細節仍然失去;PNG 只是把已經受損的像素包起來。
JPG 會不會把擷圖畫質往下拉?
JPEG 是 lossy。品質旋鈕一轉,檔案大小和瑕疵強弱就跟著變。中等檔常常看起來過得去。壓太兇時,文字、細線與邊緣會先露餡。沒有任何品質數字能讓每張擷圖看起來一模一樣。
擷圖有透明時該怎麼辦?
PNG 支援 alpha 透明。JPEG 不支援。若需要透明背景,就維持 PNG。輸出 JPEG 時,圖片格式轉換 會用你選的背景填滿透明像素。預設填色是白色(#ffffff)。
JPG 跟 PNG 哪一種比較小?
看像素而定。文字、介面與單純色塊圖形,PNG 可以很有競爭力,甚至更小。相片、雜訊或複雜影像,通常 JPEG 壓得比較好。非常單純的色塊擷圖,PNG 可以很有效率。JPEG 並非總是比 PNG 更小。
格式不是擷圖變大的唯一理由
寬度、高度、像素數量、複雜度、格式、品質與透明都會影響檔案大小。一張 3840×2160 的擷圖若只以大約 1200px 顯示,縮小尺寸往往比在 JPG 與 PNG 之間切換更有效。沒有「寬度減半位元組就減半」的固定規則。那套大小流程見 如何在影像不會明顯變糊的情況下縮小檔案大小。
轉換之前該不該先縮小擷圖?
若擷圖遠大於實際要顯示的尺寸,先依需要的寬高做一份較小的副本。之後可能放大、列印、封存或裁切時,留下原檔。調整圖片尺寸 可改寬高、鎖定長寬比,並提供百分比與常用尺寸預設。它會維持來源格式。
PNG 擷圖該不該轉成 JPG?
當擷圖幾乎是相片、沒用到透明、需要較小的上傳檔,且能接受輕微 JPEG 瑕疵時,轉換可以合理。不要把它當成小字、程式碼、介面、線稿、透明或像素級參考的預設做法。轉完請用眼睛對照。
把 JPG 轉成 PNG 能改善畫質嗎?
不能。格式轉換不是畫質修復。JPEG 瑕疵與失去的細節不會在 PNG 包裝裡回來。檔案還可能變大。
能不能在不模糊的前提下壓縮 PNG 擷圖?
圖片壓縮 以 lossless 的 canvas 輸出重新編碼 PNG,並保留透明。檔案可以變小,但已經很緊的 PNG 可能只再縮一點。PNG 壓縮並非每次都能大幅削減。
JPG 擷圖的壓縮該抓多深?
沒有放諸四海皆準的品質數字。先用中等檔、看預覽、盯小字與邊緣;真的還要更小,才把品質再往下調。用實際觀看尺寸檢查,別只靠 100% 放大。
壓完之後要盯哪些地方?
盯小字、圖示、細線、框線、程式碼字元、圖表、漸層、影像邊緣與 UI 標籤。用人們會實際看到的尺寸核對。
擷圖格式的實務起點
先從這裡開始,檔案大小或清晰度仍不對再對照。
| 擷圖類型 | 起步格式 | 理由 |
|---|---|---|
| UI / 軟體畫面 | PNG | 清楚邊緣與字體 |
| 程式碼 / 終端機 | PNG | 細小字元 |
| 試算表 / 圖表 | PNG | 線條與標籤 |
| 相片佔多數的畫面 | JPEG | 檔案可能再縮 |
| 遊戲 / 電影畫面 | JPEG | 連續色調影像 |
| 必須透明 | PNG | 具備 alpha |
| 圖文並陳的網頁 | 兩邊都試 | 看畫面比例 |
擷圖格式的簡易判斷流程
看畫面裡的像素再決定,別養成逢圖必存 PNG 的慣性。
- 手上有一張擷圖
- 以文字、UI、線條為主?從 PNG 起步
- 以相片、影片、遊戲為主?改試 JPEG 並對照
- 要透明背景?維持 PNG
- 仍然太大?先縮掉多餘像素、適度壓縮,再以實際觀看尺寸檢查
- 若還用得到,留下原檔
稍微大一點、但文字與介面仍讀得清的擷圖,往往比最小的 JPEG 更有用。目標是夠小、也夠清楚。
在瀏覽器裡轉換擷圖格式
NEXNARA 圖片格式轉換 在瀏覽器中轉換 JPG、PNG 與 WebP。像素寬高維持不變。
JPG 與 WebP 靠品質設定。PNG 輸出屬 lossless。PNG 與 WebP 可留下 alpha。JPEG 沒有 alpha,透明像素會被選中的背景填滿,預設白色。WebP 走的是 canvas toBlob 品質路徑;這套工具不保證 lossless WebP。
超過 20 MB 的檔案不會處理。
壓縮擷圖、但不要改它的格式
NEXNARA 圖片壓縮 讓 JPG、PNG 或 WebP 維持同一格式。
JPG 與 WebP 走品質設定。PNG 則是保留透明的 lossless 重編碼。擷圖過大時,到 NEXNARA 調整圖片尺寸 改尺寸。
同樣適用 20 MB 限制。影像處理本身在瀏覽器內完成。轉換、壓縮或縮放不會把檔案送到 NEXNARA 伺服器。廣告與其他網站功能仍會使用網路。
影像處理是本機進行。這不是宣稱整個網站都離線。
在 圖片格式轉換 把介面擷圖比成 PNG、把相片很重的擷圖比成 JPEG,格式滿意之後再壓縮。
FAQ
擷圖用 JPG 還是 PNG 比較好?
看畫面而定。文字與介面從 PNG 著手。相片很重的畫面試 JPEG 並對照。
擷圖裡 JPG 跟 PNG 哪一種比較小?
沒有永遠比較小的一方。單純介面常偏向 PNG。複雜相片常偏向 JPEG。
為什麼擷圖通常是 PNG?
大量擷圖其實是介面加文字。lossless PNG 能把邊緣保持銳利,也支援把透明存進去。
該把 PNG 擷圖轉成 JPG 嗎?
只有畫面幾乎是相片、不需要透明、且能接受可能的瑕疵時才轉。請檢查結果。
把 JPG 轉成 PNG 能改善畫質嗎?
不會。把像素包進 PNG,救不回 JPEG 已經丟掉的細節。
有文字的擷圖最合適的格式是哪一種?
多數情況從 PNG 下手比較保險。JPEG 並非不能用,但小字與細線要逐一檢查。