给 AI 看板娘做一套绿幕抠像流水线

Sun, 13 Sep 2026 00:00:00 +0000

问题:AI 画出来的人物,边缘总有白纱

用本地 ComfyUI 生成鲸鱼娘立绘时遇到个怪事:输出的 PNG 明明是「透明背景」,但放到深色网页上一看,人物蒙着一层白纱,发丝间隙还有一块块白色残留。

放大看更明显:头顶的呆毛周围有灰白雾块,细发丝之间嵌着小白点。这不是「白底没抠干净」那么简单——检测了一下通道数据,发现:

人物区域的半透明像素占了 60%,完全实心的只有 6%。

也就是说,AI 输出的人像整体是「半透明叠加」的,混在深色背景上自然发灰。

排查:是谁动了我的图

翻开源工作流的节点图,链路一路正常,直到最后几个节点:

VAEDecode → RemoveBackground(BiRefNet) → InvertMask → JoinImageWithAlpha → 保存

原来工作流末尾挂了个自动抠图节点(BiRefNet 模型)。它很智能,但输出的是「软边 alpha」——人物大面积半透明,边缘还留着白边。之前折腾的「调阈值再抠一遍」都是在给它的残图擦屁股,治标不治本。

正解:绕过自动抠图,自己抠绿幕

思路一下清晰了:

第一步,让 AI 出绿幕原图。 把工作流的输出直接接到保存节点(去掉 RemoveBackground),提示词里加 solid green background, chroma key,负面词加 green spill, grass, plants。实测背景色干净得吓人:RGB ≈ (0, 217, 108) 的纯绿。

第二步,自己抠绿。 绿幕和鲸鱼娘的蓝白金配色零冲突,判定逻辑可以非常简单:

绿度 = 绿色通道 − max(红, 蓝),超过阈值就是背景
边缘做 0.8px 羽化,避免锯齿
反预乘去绿边:边缘像素 = 前景色 × alpha + 绿底 × (1 − alpha),按这个公式反解出真正的前景色,绿边就没了

效果

指标	自动抠图(BiRefNet)	绿幕方案
完全实心占比	6%	30%+
半透明占比	60%	3% 左右
呆毛/发丝残留	有白块	干净

现在整站(主站 + 两个子站)19 张鲸鱼娘图片,全部走这套绿幕流水线重新产出:批量脚本直接调 ComfyUI 的 HTTP 接口出图,再自动抠绿、自动转 webp 就位,一条命令跑完。

一点心得

碰到「抠图质量不行」的问题,先回头看工作流的输出链路里有没有别人替你做的处理。如果有,绕过它、拿原始素材自己处理,通常比在残图上反复调参快得多。

(本文提到的脚本都躺在我的工作区里,感兴趣的可以在 GitHub 找我聊。)

这个网站是怎么搭起来的

Sun, 13 Sep 2026 00:00:00 +0000

选型:静态站,越简单越省心

本站是纯静态站,技术栈:

Hugo — 一个用 Go 写的静态网站生成器,几百篇文章构建只要几百毫秒
Stack 主题 — 卡片式布局,结构清晰,改起来不费劲
Nginx + HTTPS — 部署在自己的一台云服务器上,证书用 Let’s Encrypt 自动续期

不用数据库、不用后端、不用容器编排。文章就是 markdown 文件,构建产物就是一堆 HTML——十年后还能跑起来的那种站。

视觉:从零改出「海洋味」

主题拿来后做了一轮整体改造:

1. 配色 把默认色板换成自定义的海洋蓝系:浅色主题用陶瓷白卡片配浅蓝底,暗色主题直接进「深海模式」(深蓝底 + 长春花蓝点缀)。

2. 背景 全站铺一张海底场景图,内容区做成半透明磨砂玻璃(backdrop-filter),滚动时背景若隐若现。

3. 图片 站里的鲸鱼娘插画和场景图都是自己生成的:人物走本地 ComfyUI 工作流(绿幕直出 + 抠像),背景走云 API,合成工序用脚本完成。

4. 动效 首页 hero 有气泡上升、头像浮动,卡片 hover 上浮。全部纯 CSS,不引第三方库。

部署:一条命令的事

日常更新流程被压缩成一个脚本:

.\发布.cmd # 双击也行,菜单选站点

背后做的三件事:

hugo --minify 构建静态文件
scp 上传到服务器对应目录
用 curl 验证线上返回 200,把结果打在屏幕上

博客写完 → 双击 → 看到三个绿勾 → 上线。整个过程二十秒左右。

踩过的坑(挑几个有意思的)

1. 中文字体 slug Hugo 默认拿标题当网址,中文标题会变成一串百分号编码。修法是给每篇文章显式写 slug。

2. 未来日期的文章不发布 给文章写了未来的日期,Hugo 会认为「还没到发布时间」而跳过它——页面直接 404,排查半天才反应过来。

3. 预览图缓存 改完图上传,浏览器还是显示旧图。换文件名(或加版本号)是最省事的解法。

4. 批量替换跨区块误伤 用脚本批量改 HTML 时,如果锚点文字在导航栏和页脚里都出现,一次替换会把两处都改掉。批量操作前先定位区块,别用「页面级通用锚点」。

最后

整站从零到上线用了几天,顺手沉淀了一套工具链:一键发布脚本、批量出图流水线、抠像工具。如果你也想搭个类似的小站,欢迎来交流。

主站: wyr233.com · 看板娘鲸鱼娘在左栏等着跟你打招呼。

技术 on 肥鱼港湾