Inpaint-web 完全指南：在浏览器里免费完成图像修复与 4 倍高清放大

Inpaint-web 完全指南：在浏览器里免费完成图像修复与 4 倍高清放大

【免费下载链接】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 是一款免费开源的浏览器图像修复工具：用画笔圈出划痕、水印或多余物体，AI 自动补全；还能一键把模糊图放大 4 倍变高清。不用装软件，打开网页就能用，适合不想折腾的普通用户和偶尔处理图片的设计师。

它凭什么值得一试

• 不用安装，不占空间：它就是一个网页，浏览器支持 WebGPU 的话，图像修复和放大全部在你自己的显卡上跑，图片不用上传到任何服务器。
• 免费且开源：没有会员、没有水印、没有次数限制，模型文件首次使用下载一次后就会缓存在本地，之后离线也能用。
• 一个工具干两件事：大多数在线修复站只解决"去掉瑕疵"，它把"修掉瑕疵"和"放大变清晰"（4 倍超分辨率）放在同一个页面里，老照片一步搞定两件事。
• 上手门槛极低：上传 → 涂抹 → 生成，三步出图，没有任何参数需要理解。

三步上手：从打开到出效果

整个过程不需要任何配置，跟着做就行：

1. 打开页面，等模型下载。首次打开会自动下载约 30MB 的修复模型，页面会弹出进度条，耐心等一下（这一步只需要联网一次，模型会缓存到浏览器里）。
2. 放一张图进来。点击上传区或直接把图片拖进去；手边没有合适的图，也可以点页面下方自带的示例图（狗、鞋、巴黎街景等）直接体验。
3. 涂抹、生成、下载。右侧拖动滑块调画笔大小，在要去除的瑕疵上涂一下，点击生成。处理完点"下载"保存结果。

第一次用建议直接点示例图试试效果，比找自己的图更快建立信心。

核心能力逐个拆

图像修复（Inpainting）

它能帮你做什么：去掉照片里的划痕、污渍、水印、路人、不需要的物件，被涂掉的区域由 AI 根据周围纹理自动补全。

你该怎么操作：上传后调整画笔大小，把要消除的区域涂黑即可，涂得大致覆盖就行，边缘不用抠得很精确。

效果如何：小范围瑕疵（划痕、贴纸、小水印）补全后几乎看不出痕迹；被移除的物体区域越大，AI 补全的"发挥空间"越大，复杂场景下可能需要多涂一次或换个角度再试。

4 倍超分辨率放大

它能帮你做什么：把模糊的小图、低分辨率截图、老照片放大 4 倍，同时由 AI 补充细节，比系统自带的"拉大"清晰得多。

你该怎么操作：点界面上的"4 倍放大"按钮即可，首次使用会先下载约 70MB 的放大模型（同样只下一次）。

效果如何：文字、边缘、纹理的清晰度提升最明显，配合修复功能，先擦掉老照片上的脏点再放大，是处理旧照片最顺手的组合。

撤销与前后对比

它能帮你做什么：修坏了不用重头再来。每一次操作都有历史记录，可以一步步撤销；还有一键切换"原图"预览和左右分屏对比，方便确认修得干不干净。

你该怎么操作：点"撤销"回退一步；按住预览按钮看原图；拖动分割线即可左右对比修复前后。

效果如何：涂抹失误、修过头的情况都能直接回退，相当于给操作上了保险。

它是怎么做到的

一句话：把 GPU 的计算能力搬进了浏览器。修复用的是 MI-GAN 模型，放大用的是 Real-ESRGAN 模型，都通过 ONNX Runtime 运行——浏览器支持 WebGPU 时直接调用显卡并行计算，不支持就自动退回 WASM 多线程 + SIMD，速度稍慢但照样能跑，核心逻辑在里可以看到这段自动选择的逻辑。

对图片本身的预处理（读图、转通道、缩放）由 OpenCV 的 WASM 版本完成；模型文件下载后存在浏览器的本地缓存里（见 src/adapters/cache.ts），所以第二次打开不用重新下载。这也是为什么它快：没有上传下载图片的往返，计算全在本地完成。

真实场景里的用法

场景一：商品图去掉水印和杂物

遇到什么问题：电商或二手交易的照片上有水印、桌面的杂物入镜，用 Photoshop 手动抠半天。

用哪几步解决：上传商品图 → 用中号画笔涂过水印和杂物 → 生成 → 左右分屏对比一遍，边缘没补好就再补涂一次 → 下载。

省了多少事：一张图的修复时间从打开 PS 学工具算起的一二十分钟，压缩到一两分钟；整个过程图片不出本机，商业素材也不用担心被第三方站点留存。

场景二：老照片翻新

遇到什么问题：手机或老相机里的旧图分辨率低、有划痕，发朋友圈都是马赛克。

用哪几步解决：上传原图 → 先用画笔擦掉明显的划痕和脏点 → 点"4 倍放大" → 下载高清版本。

省了多少事：传统做法是找修图服务或反复用在线放大站（要排队、要注册、图要上传），这里两个功能在同一页面串起来完成，一张老照片几分钟内出成品。

上手与部署

想自己跑一份（比如想改界面或内网使用），四条命令就够：

git clone https://gitcode.com/GitHub_Trending/in/inpaint-web cd inpaint-web npm install npm run start

启动后按终端提示的本地地址访问即可。两点注意：WebGPU 需要 Chrome 或 Edge 等较新的浏览器才能发挥全部性能；首次使用需要联网下载模型。

有现成的 Dockerfile，想部署成服务也可以直接构建运行，镜像基于 Node 18 构建、Alpine 运行，容器起来后同样会启动 Vite 开发服务器。

它适合谁、什么时候选它

• 只想马上修一两张图，不想装任何软件：选它。打开页面就能用，比下载专业软件划算。
• 在意图片隐私，不想上传到别人的网站：选它。处理全在本地浏览器完成，图片不经过任何服务器。
• 需要批量处理几十上百张图、或要进工作流：暂时别选它。它目前一次处理一张图，批量和自动化还在开发计划里。
• 浏览器很老或内网电脑装不了新浏览器：也能用（WASM 回退模式），但速度会明显变慢，此时传统软件可能更现实。

总结 + 下一步

• 🚀零安装：打开浏览器就能修图，图片不离开你的电脑
• 🎯一涂即修：画笔圈出瑕疵，AI 补全纹理，支持多步撤销
• 🔍4 倍放大：模糊图和老照片一键变高清
• 💰完全免费：开源项目，无水印无次数限制

现在就打开它，找一张有水印或模糊的旧图，三步之内你会看到成品——比读这篇指南更快。

【免费下载链接】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