AbiPaint v1.0.3 上線了。這次更新沒有加新工具，而是回頭處理兩個「用久了才會發現」的問題：手機版工具列改版，以及「去背」邊緣殘留白邊的成因與修正。阿力把這次動的地方整理成一篇技術筆記。

AbiPaint 從 v1.0.0 開始就是純前端、免伺服器的架構，沒有帳號系統，所有運算都留在瀏覽器本機完成。這個架構的好處是圖片不用上傳、開啟即用，但也代表每一個功能，包括這次改的手機版介面跟去背演算法，都得在使用者的裝置上即時跑完，沒有後端可以分擔運算或預先處理。

開發筆記：這次動了什麼

第一，手機版工具列重新設計

過去手機版基本上是把桌面版工具列直接縮小塞進小螢幕，圖示間距跟桌面版差不多，觸控時很容易點錯鄰近的工具，尤其是圖層跟物件設定這類需要精準點擊的區塊。v1.0.3 把手機版拆成一組獨立的迷你工具列，裁切、筆刷、圖形、文字、輪廓、去背這幾個核心功能被拉到最外層，觸控熱區也放大，減少誤觸的機率，而不是沿用桌面版的資訊密度硬套在小螢幕上。

第二，去背邊緣的白邊是怎麼來的

去背功能的原理是透過模型判斷每個像素屬於主體還是背景，邊緣的像素通常不是純粹的 0% 或 100%，而是介於中間的半透明過渡帶。問題出在這個過渡帶的顏色，如果原圖背景是白色，這些半透明像素往往還殘留著背景的白色成分，去背後疊到別的背景上，就會在主體邊緣看到一圈不易察覺、但確實存在的白邊，也就是所謂的「邊緣色彩溢出」。v1.0.3 針對這段過渡帶的色彩重新做了處理，去除殘留的背景色成分，讓邊緣更乾淨，貼到其他背景時比較不會露餡。

小更新，但直接影響操作體感

1. 手機版迷你工具列：核心功能全部可以一次點到，不用再找隱藏選單。
2. 去背邊緣色彩修正：處理的是「半透明過渡帶殘留背景色」這個具體問題，不是重做整套去背模型。
3. 架構不變：這兩項修正都還是在瀏覽器本機完成，沒有因此新增伺服器依賴。

提示：如果你在 v1.0.2 就用過去背功能，並且把去背後的圖片存起來備用，建議在 v1.0.3 更新後重新去背一次，舊的成果不會自動套用新的邊緣處理。

AbiPaint v1.0.3 現已開放免費使用，沒有帳號、沒有安裝門檻。阿力也歡迎大家實際去背幾張圖片試試看，如果邊緣還有殘留問題，歡迎留言討論。

https://abipaint.abiting.cc