通路硬性要點點陣圖卻只收到有損網頁圖時,先釐清色彩描述與透明語意再談體積。本文含決策矩陣、可執行參數與遠端晶片節點閘門,協助交付對齊規格。
痛點與隱性成本
- 透明錯配:要「透明底」卻是雜邊半透明,淺深底各現形一次。
- 色彩漂移:舊版瀏覽器或特定合成偏色,多因描述檔未嵌入或廣色域預覽混用。
- 體積暴衝:有損來源轉無損容器常顯著變大,未設閘門會拖垮派送與安裝包。
格式混用見網頁圖與點點陣圖混用清單;色彩政策見標準紅綠藍與顯示色域清單。
決策矩陣:何時轉點點陣圖與有損回退定義
下表對齊產品設計工程;請以樣張校準閾值。
| 因子 | 維持網頁圖 | 轉點點陣圖 |
|---|---|---|
| 有損與否 | 視覺即真值只調尺寸 | 要「可放大印刷」須退回主檔;否則轉檔僅固定現狀並註記風險 |
| 透明 | 半透明較省位元組 | 要乾淨去背或舊合成管線,轉完整透明度並抽檢邊緣像素 |
| 色彩 | 依解碼與螢幕預覽 | 對齊標準紅綠藍時轉檔後嵌入描述檔並關閉廣色域誤導 |
| 體積 | 利於首屏 | 點點陣圖常較大,設位元組閘門並搭配近無損重壓縮 |
描述檔寫入與無損重封裝見中繼資料與標準紅綠藍無損重壓縮。
落地步驟與可執行參數
- 契約:寫死寬高倍率、半透明可否、是否強制嵌入描述檔、單檔位元組上限。
- 檢視來源:
magick identify -verbose input.webp | egrep 'Type|Colorspace|Alpha|Profiles' - 轉標準紅綠藍並保留透明:
magick input.webp -colorspace sRGB -define png:color-type=6 PNG32:output.png - 備援解碼:
ffmpeg -hide_banner -i input.webp -pix_fmt rgba frame_%04d.png - 抽檢屬性:
sips -g all output.png - 閘門:腳本比對大小與像素,未過入隔離並附原因碼。
有損回退:轉檔不會救回已丟棄細節;合約應區分格式轉換與畫質修復。
可引用體積閾值與驗收清單
以下供遠端迷你主機第四代批次稽核引用,請依品類調整。
- 圖示:單檔不大於一百五十千位元組;邊長一百二十八或二百五十六像素整倍率。
- 橫幅:寬一千二百或一千九百二十像素;單檔不大於六百至八百千位元組(視半透明)。
- 截圖:單檔不大於二百萬位元組並確認未誤留廣色域。
驗收清單:描述檔符合標準紅綠藍政策;透明區無雜訊;寬高整倍率;檔名目錄合規;工具版本入日誌;遠端與本機抽樣同參數一致。
常見問題
轉點點陣圖後變大?有損網頁圖省位元組;保留高色彩與完整透明時點點陣圖常變大,屬正常,用閘門與近無損重壓縮。
半透明改硬邊?屬重新合成,改變視覺契約,需產品確認並留對照樣張。