做个 logo 想去掉白底、扫描的签名想贴到合同上、商品图想换成别的背景色——这些都不用打开 Photoshop。 ① 一键取色：自动取图片左上角的颜色当背景色，白底图点一下就准；也可以手动指定任意颜色； ② 容差可调：控制「多接近背景色才算背景」，0~200 无级调节； ③ 边缘羽化：让边缘半透明过渡，抠完没有难看的白边； ④ 棋盘格预览：灰白格子就代表透明区域，导出前就能看得清清楚楚； ⑤ 批量处理：一次拖十几张，打包成 ZIP 一次下载。 全程在你自己的浏览器里逐像素处理，图片不上传。
类别图片工具
输入JPG / PNG / WebP，可多选
输出带透明通道的 PNG（可打包 ZIP）
运行环境所有现代浏览器
核心特性
纯 canvas 逐像素
一键取背景色
容差 0~200
边缘羽化
棋盘格透明预览
批量打包 ZIP
不上传
关于这个工具
怎么实现： ① 取图：`` + `canvas.drawImage` 把图片画进画布，`getImageData` 拿到 RGBA 数组； ② 比对：对每个像素算它与背景色的欧氏色距 `√((r₁-r₂)²+(g₁-g₂)²+(b₁-b₂)²)`，小于容差的判定为背景； ③ 羽化：色距落在「容差 × (1-羽化) ~ 容差」之间的像素，按线性比例给一个中间透明度，形成软边； ④ 导出：把改好的 RGBA 写回 canvas，`toBlob('image/png')` 保留 alpha 通道；批量时用 JSZip 打包。 它不做：不做 AI 主体识别（那需要模型），不做渐变 / 复杂背景的抠除，不做边缘修补。
因为本工具只看颜色，不认识「主体」。只要某个像素的颜色和背景色足够接近，就会被当成背景抠掉——白色 T 恤、白色高光、浅色文字都会中招。 解决办法：把容差调小（如 15~25）；或者换一张主体与背景色差更大的图。 如果主体和背景本来就是同一个颜色（白衣服 + 白底），那只能靠 AI 抠图模型识别轮廓，本工具做不到。
还没有留言，来抢沙发吧！