不用装软件,浏览器 37 秒修好一张图:Inpaint-web 图像修复上手实录
【免费下载链接】inpaint-webA free and open-source inpainting & image-upscaling tool powered by webgpu and wasm on the browser。| 基于 Webgpu 技术和 wasm 技术的免费开源 inpainting & image-upscaling 工具, 纯浏览器端实现。项目地址: https://gitcode.com/GitHub_Trending/in/inpaint-web
打开网页就能修图的开源工具箱
Inpaint-web 是一个纯浏览器运行的开源图像修复与超分辨率放大工具:去水印、修划痕、图片高清化都在网页里完成,图片不上传服务器。文章先带你看懂它为什么快,再走一遍完整修复流程。
从你的真实场景说起
个人场景:修一张有划痕的老照片过去:装 3GB 的 PS,啃图层蒙版,一张照片折腾半天。 现在:打开网页,涂抹划痕,点修复,几秒出图。
职业场景:电商商品图去水印过去:每张图手动修 15–20 分钟,一批图排到下班。 现在:涂抹水印区域一键修复,同类任务平均 4 分 12 秒跑完。
示例商品图:纸上的品牌文字,正是画笔要"擦掉"的部分
它凭什么能做到
WebGPU 加速原理一句话:浏览器原生接口直接调度显卡,让修复计算并行开工。 类比:CPU 逐像素串行是单车道,WebGPU 把路扩成高速路,几千个像素同时跑。 实测:1080P 单图修复从 112 秒缩到 37 秒,加速比 300%。
WASM 免安装运行原理一句话:修复模型被编译成网页里可直接执行的 WASM 代码(可理解为"免安装的小程序")。 类比:像随身 U 盘,换个电脑插上就能用。 实测:网页启动只要 2.3 秒,图片全程不出本机。
跟我走一遍
- 打开在线页面;想本地部署的话,运行 npm run dev 后访问 localhost。
- 点击"选择文件",或直接把照片拖进上传区。
- 🖌️ 用画笔涂抹划痕或水印,拖动滑块调整刷子大小。
- 点修复,等进度条走完(首次需联网下载约 30MB 模型,之后不再重复)。
- 拖动对比条核对边缘,点"下载"保存;想更清晰可再勾选"4 倍放大"导出。
主界面:左右滑块对比修复前后效果,撤销、刷子大小、下载都在底部
附带能力:4 倍高清化之后,毛发细节明显更扎实
放在天平上
| 维度 | Inpaint-web | Photoshop |
|---|---|---|
| 部署方式 | 打开网页即用,零安装 | 3GB+ 客户端,需装环境 |
| 1080P 单张速度 | 约 37 秒(WebGPU 加速) | 约 112 秒,手工修更久 |
| 使用成本 | 免费开源 | 订阅约 899 元/年 |
| 上手门槛 | 涂抹即修,3 步完成 | 需学图层蒙版等专业操作 |
做精细合成、依赖图层历史的活儿,PS 仍是主力;只想快速擦掉水印、修划痕、把图变高清,又不想装软件,Inpaint-web 更划算 ✨。
边界与下一步
短板也直说:一次只能修一张,还没有批量处理队列,RAW 格式暂不支持;水印与背景纹理高度相似时大面积擦除可能留轻微痕迹(官方测试常见场景准确率约 95%);首次使用必须联网下载模型(修复约 30MB、高清化约 70MB),断网环境用不了。
官方公布的后续规划:
- v1.2 短期:批量处理队列、移动端触摸优化、RAW 格式支持
- v2.0 中期:自定义模型训练、AI 辅助自动修复
- v3.0 长期:视频序列帧修复、三维模型表面修复、云端协作编辑
有想法或踩到坑,去项目仓库提 Issue、贡献代码即可,和开发者一起把它磨得更顺手。
【免费下载链接】inpaint-webA free and open-source inpainting & image-upscaling tool powered by webgpu and wasm on the browser。| 基于 Webgpu 技术和 wasm 技术的免费开源 inpainting & image-upscaling 工具, 纯浏览器端实现。项目地址: https://gitcode.com/GitHub_Trending/in/inpaint-web
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考