繁體中文

圖片和照片 · 瀏覽器圖片和繪圖編輯器

為什麼有註解的螢幕截圖變得模糊:重新取樣和重新編碼

· 工作原理

圖片編輯 帆布 瀏覽器處理

抽象光柵圖解說明為什麼帶註釋的螢幕截圖變得模糊:重新取樣和重新編碼
原始 ToolAcre 向量圖

快速編輯後清晰的螢幕截圖可能會變軟,原因幾乎總是調整大小或有損編碼。這篇文章將兩者分開,展示瞭如何識別它們,並解釋瞭如何保持介面文字清晰。

銳化,柔化 — 螢幕截圖在編輯和儲存之前看起來不錯

螢幕截圖清晰度有兩種不同的故障路徑。從銳利、弱出開始:螢幕截圖在編輯和儲存之前看起來不錯。對於這種軟輸出診斷,相關機制是檔案保持真實影像尺寸,同時可見預覽縮放以適應,因此縮放軟度不會自動匯出損壞。調整大小對每一層重新取樣,使用重複減半進行大幅縮減和最終精確的繪製影像步驟。

儲存一份原始大小的 PNG 和一份調整大小或有損副本,然後檢查每個螢幕像素一個影像像素的介面字型。 PNG 匯出沒有品質值; JPEG 和 WebP 使用介於 0.1 和 1 之間的瀏覽器編碼器品質,預設為 0.92。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

重新取樣:當像素尺寸發生變化時會發生什麼 - 插值,為什麼 1 像素線無法在 90 百分比範圍內生存,以及 HiDPI 螢幕如何使這一情況變得複雜

螢幕截圖清晰度有兩種不同的故障路徑。重採樣是第一個罪魁禍首:更改像素尺寸會引入插值,因此 1 像素線無法在 90 百分比比例不變的情況下生存,而 HiDPI 螢幕可以隱藏差異。對於這種軟輸出診斷,相關機制是調整大小對每一層進行重新取樣,使用重複減半進行大幅減少和最終精確的繪製影像步驟。 PNG 匯出沒有品質值; JPEG 和 WebP 使用介於 0.1 和 1 之間的瀏覽器編碼器品質,預設為 0.92。

儲存一份原始大小的 PNG 和一份調整大小或有損副本,然後檢查每個螢幕像素一個影像像素的介面字型。該儲存庫承諾不保存特定的檔案大小、銳化結果或瀏覽器編碼器偽影。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

重新編碼:有損壓縮對平面顏色和文字的影響 — 高對比邊緣周圍的振鈴和阻塞

螢幕截圖清晰度有兩種不同的故障路徑。重新編碼是第二個罪魁禍首:有損壓縮會在純色和高對比文字周圍引入振鈴和阻塞。對於此軟輸出診斷,相關機制是 PNG 匯出沒有收到品質值; JPEG 和 WebP 使用 0.1 到 1 之間的瀏覽器編碼器品質,預設為 0.92。該儲存庫承諾不保存特定的檔案大小、銳化結果或瀏覽器編碼器偽影。

儲存一份原始大小的 PNG 和一份調整大小或有損的副本,然後檢查每個螢幕像素一個圖片像素的介面字體。此檔案保留真實的影像尺寸,而可見預覽會縮放以適應,因此縮放柔和度不會自動損壞匯出。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

區分兩者 — 縮放至 100% 並閱讀人工製品以了解規模或格式是否是罪魁禍首

螢幕截圖清晰度有兩種不同的故障路徑。透過查看 100% 的下載並閱讀人工製品來區分它們:軟化的幾何圖形指向縮放,而文字周圍的光環或區塊指向編碼。對於這種軟輸出診斷,相關機制是儲存庫承諾不保存特定的檔案大小、銳利化結果或瀏覽器編碼器偽影。此檔案保留真實的影像尺寸,而可見預覽會縮放以適應,因此縮放柔和度不會自動損壞匯出。

儲存一份原始大小的 PNG 和一份調整大小或有損的副本,然後檢查每個螢幕像素一個圖片像素的介面字體。調整大小對每一層重新取樣,使用重複減半進行大幅縮減和最終精確的繪製影像步驟。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

工作範例:以原始尺寸和縮放後匯出的相同對話框 - 並排顯示清晰度的變化

螢幕截圖清晰度有兩種不同的故障路徑。比較同一對話框的原始尺寸和縮放後的尺寸;並排讓損失變得可見,而不是歸咎於預覽。對於這種軟輸出診斷,相關機制是檔案保持真實影像尺寸,同時可見預覽縮放以適應,因此縮放軟度不會自動匯出損壞。調整大小對每一層重新取樣,使用重複減半進行大幅縮減和最終精確的繪製影像步驟。

儲存一份原始大小的 PNG 和一份調整大小或有損副本,然後檢查每個螢幕像素一個影像像素的介面字型。 PNG 匯出沒有品質值; JPEG 和 WebP 使用介於 0.1 和 1 之間的瀏覽器編碼器品質,預設為 0.92。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

這不包括銳利化濾鏡、向量螢幕截圖和聲稱添加細節的升級

螢幕截圖清晰度有兩種不同的故障路徑。這不包括銳利化濾鏡、向量螢幕截圖或聲稱添加細節的升級。對於這種軟輸出診斷,相關機制是調整大小對每一層進行重新取樣,使用重複減半進行大幅減少和最終精確的繪製影像步驟。 PNG 匯出沒有品質值; JPEG 和 WebP 使用介於 0.1 和 1 之間的瀏覽器編碼器品質,預設為 0.92。

儲存一份原始大小的 PNG 和一份調整大小或有損副本,然後檢查每個螢幕像素一個影像像素的介面字型。該儲存庫承諾不保存特定的檔案大小、銳化結果或瀏覽器編碼器偽影。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。

重點:保留原生像素,選擇無損匯出 - 如何在瀏覽器圖片和繪圖編輯器中進行編輯而不觸及尺寸

螢幕截圖清晰度有兩種不同的故障路徑。重點是保留原生像素,並在介面文字很重要時選擇無損匯出。對於此軟輸出診斷,相關機制是 PNG 匯出沒有收到品質值; JPEG 和 WebP 使用 0.1 到 1 之間的瀏覽器編碼器品質,預設為 0.92。該儲存庫承諾不保存特定的檔案大小、銳化結果或瀏覽器編碼器偽影。

儲存一份原始大小的 PNG 和一份調整大小或有損的副本,然後檢查每個螢幕像素一個圖片像素的介面字體。此檔案保留真實的影像尺寸,而可見預覽會縮放以適應,因此縮放柔和度不會自動損壞匯出。合適的預覽並不是有效的清晰度判定,品質滑塊不會產生固定的壓縮保存。