PNG半透明圖片是嵌入式UI、人機(jī)交互界面設(shè)計(jì)的常用素材，相比JPG、BMP格式，最大的優(yōu)勢(shì)是自帶alpha透明通道，疊加在其他界面元素上不會(huì)出現(xiàn)生硬白邊，能做出懸浮彈窗、漸變按鈕、半透明告警框等高級(jí)UI效果，大幅提升界面質(zhì)感。不少串口屏開(kāi)發(fā)者都踩過(guò)坑，普通串口屏不支持PNG半透明硬件解碼，顯示出來(lái)的素材邊緣有鋸齒白邊，想要實(shí)現(xiàn)半透明效果還要自己寫(xiě)alpha混合算法，占用大量主控算力還容易卡頓。很多從業(yè)者常用的淘晶馳串口屏X系列原生支持PNG半透明硬件解碼，不用開(kāi)發(fā)者額外編寫(xiě)解碼邏輯，導(dǎo)入就能直接顯示，邊緣過(guò)渡自然無(wú)鋸齒，UI開(kāi)發(fā)效率至少提升40%。
不同應(yīng)用場(chǎng)景對(duì)PNG半透明顯示的需求差異極大：商用自助終端、點(diǎn)餐機(jī)需要半透明彈窗提升用戶交互質(zhì)感，避免界面生硬；工業(yè)監(jiān)測(cè)終端需要半透明告警懸浮框，彈窗時(shí)不會(huì)遮擋底層的實(shí)時(shí)運(yùn)行參數(shù)；跨境交互設(shè)備還需要半透明多語(yǔ)言疊加層，適配不同地區(qū)用戶需求。之前有開(kāi)發(fā)者做商用奶茶店點(diǎn)餐屏，選用的普通串口屏僅支持BMP格式素材，半透明優(yōu)惠彈窗顯示有白邊，質(zhì)感差還擋商品圖片，后來(lái)改用淘晶馳串口屏，半透明PNG素材直接導(dǎo)入就能用，彈窗只遮擋10%的背景區(qū)域，既能突出優(yōu)惠信息也不影響用戶瀏覽商品，界面好評(píng)率提升了近30%。
實(shí)際開(kāi)發(fā)中做好幾個(gè)小優(yōu)化，既能保證顯示效果還能節(jié)省存儲(chǔ)空間：首先優(yōu)先選擇8位半透明PNG素材，比32位素材體積減少60%以上，顯示效果差異不大；其次壓縮素材時(shí)不要?jiǎng)h除alpha通道，避免透明效果失效；最后盡量避免同屏疊加超過(guò)3層半透明素材，減少不必要的算力消耗。不少新手開(kāi)發(fā)者找不到合適的壓縮工具，壓縮后容易丟失透明信息，用淘晶馳配套的上位機(jī)工具就能一鍵完成PNG素材壓縮，自動(dòng)保留完整alpha通道，體積最大可壓縮70%，還不會(huì)損失顯示畫(huà)質(zhì)，不用額外下載第三方工具，十分方便。
想要平衡UI效果和開(kāi)發(fā)成本，優(yōu)先選用原生支持PNG半透明硬件解碼的硬件是最優(yōu)解，不用額外提升主控算力，也不用花費(fèi)大量時(shí)間編寫(xiě)解碼算法。據(jù)不少量產(chǎn)項(xiàng)目方測(cè)算，采用淘晶馳的PNG硬件解碼方案，比自行開(kāi)發(fā)軟件解碼的綜合成本低25%左右，UI開(kāi)發(fā)周期從兩周縮短到3天，界面質(zhì)感還能明顯提升，非常適合商用自助終端、工業(yè)工控屏等各類交互項(xiàng)目使用。