浏览器里修图：WebGPU 图像修复工具 inpaint-web 上手记

发布时间：2026/9/26 2:54:50来源：尧图网络

浏览器里修图WebGPU 图像修复工具 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-webinpaint-web 是一款纯浏览器端运行的 WebGPU 图像修复工具定位很直接把照片里不想要的部分涂掉模型自动补全另外还支持 4 倍超分辨率放大。整个过程不装任何软件图片也完全不离开本机。我把它拉到本地折腾了一遍体验比预期要好。打开就能用一条命令起本地图像修复服务不需要任何环境配置克隆下来跑两条命令就行git clone https://gitcode.com/GitHub_Trending/in/inpaint-web cd inpaint-web npm install npm run start浏览器访问它输出的地址。界面非常克制中间一块画布用来预览图片旁边一排按钮管画笔大小、原图对比、撤销、4 倍放大和下载旁边还有几张示例图片目录里的图可以直接试。整个界面就是一块画布加几个按钮用过修图软件的人零学习成本第一次运行有一件事要有心理准备页面会从境外存储下载两个 ONNX 模型文件修复模型约 30MB放大模型约 70MB需要能稳定连出去的网络。下过一次之后会缓存在本地 IndexedDB 里下次打开不再重复下载。涂一笔把照片里的人抹掉️ 我随手挑了一张示例图一双鞋的产品图。把画笔调到合适的大小直接在不想要的东西上涂抹鼠标跟着一个圆形光标涂多涂少一目了然。涂完等几秒进度条走完涂抹区域就按周围纹理补全了东西干净地消失。public/examples/ 里的示例图挑个面积小的跑几秒出结果不满意就点「撤销」重来历史是按次记录的涂错一笔不会前功尽弃「原图」按钮可以在当前结果和原图之间切换方便检查边缘过渡。这套撤销历史是容易被忽略、但实际每次都会用到的细节。点一下 4 倍放大把小图变大图第二个功能是超分放大点「4 倍放大」后进度条一块一块地走后面会解释为什么是一块一块的。完成后输出的图宽高各放大 4 倍边缘明显更锐拿来放大老照片或者需要撑大的产品图基本够用。左为超分结果右为原图边缘清晰度肉眼可见为什么它能跑在浏览器里看源码会发现不神秘主要是两件事。第一件是硬件能力自动检测。页面加载时会先检查navigator.gpu能不能申请到适配器能就把模型计算交给 WebGPU让 GPU 并行处理成千上万个像素像把一堆卡片分给很多人同时整理而不是一个人排队一张张翻不能就自动退回 WASM 路径并且浏览器支持 SIMD 和共享内存多线程的话就一并打开跑在 CPU 上——比 GPU 慢但能用不会直接罢工。第二件是预处理和分块。图片进模型前由 opencv-tsOpenCV 的 WASM 版做通道重排、遮罩二值化这些脏活。修复模型可以整图一次跑完放大模型则不同它把图切成 64×64 的小块逐块推理再拼回块与块之间留 6 像素重叠来避免拼缝。这么做的好处是大图也不会把内存撑爆坏处是进度只能一块一块地报。适合谁不适合谁适合偶尔需要去水印、去路人、去杂物或者想把小图放大的场景。不用打开重型修图软件也不用把图片上传到任何在线服务本地隐私这块是实打实的安心。不适合一次处理几百张图的批处理需求目前没有队列功能超大图片反复多轮放大内存压力明显以及不支持 WebGPU 的旧浏览器——会回落到 CPU速度就完全是另一个量级了。⚠️ 再提醒一次首次使用的模型文件来自境外存储网络连不出的话会卡在这一步。仓库地址就是上面那条 clone 命令里的。如果跑出问题或者有功能想法欢迎直接去 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），仅供参考

网站建设高端定制企业官网