Inpaint-web 图像修复工具评测:浏览器里 3 步去除水印、修复老照片并 4 倍放大
Inpaint-web 图像修复工具评测浏览器里 3 步去除水印、修复老照片并 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-webInpaint-web 是一款完全运行在浏览器里的免费开源图像修复与图像放大工具。打开网页、用画笔圈出要修的地方AI 会自动补全模糊的老照片还能一键放大 4 倍变清晰。全程不装软件、图片也不上传第三方服务器。这篇文章带你 3 分钟看懂它是什么、凭什么做到、以及怎么跑起来。什么活交给 Inpaint-web 干先说结论它只做两件事但把这两件事做得足够轻。图像修复Inpaint照片上有多余的东西——水印、路人、划痕、污渍——用画笔涂抹一下模型会分析周围纹理把涂掉的区域脑补出来。图像高清化Super-Resolution分辨率低的图点一下按钮输出 4 倍分辨率的放大图细节由 AI 补全。对应的真实场景很日常场景用哪个功能电商商品图上去掉水印、标签图像修复老照片去划痕、去污渍图像修复低清素材图放大后做展示4 倍高清化照片里不想要的杂物图像修复它的卖点在浏览器里这四个字。传统做法要么装几 GB 的专业软件要么把图传到云端服务处理。前者对普通用户门槛高后者让不少人担心图片被第三方留存。Inpaint-web 的推理全部在本机浏览器完成图片除了下载模型时产生的网络流量不离开你的设备。它凭什么能在网页里跑 AI这里涉及两个技术名词先各用一句大白话解释WASMWebAssembly一种可以在浏览器里高速运行的通用机器码让网页能跑接近原生程序的计算。WebGPU浏览器调用显卡GPU的新接口让网页里的并行计算能跑在 GPU 上而不是只靠 CPU 硬扛。Inpaint-web 的运行时逻辑在 src/adapters/inpainting.ts 里看得很清楚启动时检测你的浏览器支不支持 WebGPU支持就用 WebGPU 加速不支持就自动退回多线程 SIMD 的 WASM 方案见configEnv函数。也就是说有显卡加速就用没有也能用属于能快则快、保底可用。涂抹即修复修复功能怎么工作整个流程只有 3 步选图或拖入图片超过 4096 像素的图前端会先自动缩放避免爆内存用画笔尺寸可在 10–200 之间拖动涂抹要去除的区域松开鼠标的那一刻修复就自动开始进度条走完结果直接替换画面。没有点击修复按钮这一步涂完即出结果。模型用的是 Picsart 开源的MI-GAN内容感知填充模型ONNX 格式约 30MB见 src/adapters/cache.ts首次使用下载后会缓存在浏览器本地localforage第二次打开直接用不用重复下载。修完不满意怎么办编辑器src/Editor.tsx把每一步结果都存成了缩略图历史点回到这可以回滚到任意一版也支持Ctrl/Cmd Z撤销。另外按原图按钮会拉出一条可拖动的对比分割线左右滑动对比修复前后的差异——这个细节对验收边缘过渡非常实用。4 倍高清化模糊图怎么变清晰高清化用的是Real-ESRGAN x4超分辨率模型约 70MB同样本地缓存。代码上有个值得一提的处理src/adapters/superResolution.ts 里的tileProc会把大图切成 64×64 的小块、每块带 6 像素重叠边、逐块推理再拼回整图。这么做的目的是控制单次显存/内存占用——浏览器环境资源有限分块处理让大图也能稳跑进度条会按块数实时推进。上手实践三种方式跑起来最快的体验点示例图不想找自己的图首屏下方有一排官方示例图bag、dog、car、bird、jacket、shoe、paris点任意一张直接进入编辑文件在 public/examples/ 目录你也可以直接拿来做练习本地自己跑3 条命令前置条件只需装好 Node.js。README 给出的方式非常简洁git clone https://gitcode.com/GitHub_Trending/in/inpaint-web cd inpaint-web npm install npm run startnpm run start背后是vite --host启动后在终端里访问对应地址即可打开编辑页。装依赖时postinstall会自动编译多语言文案inlang/paraglide文案在 messages/zh.json 和 messages/en.json界面支持中文/英文一键切换。给团队部署一份 Dockerfile如果想在局域网里给团队共用仓库根目录的 Dockerfile 已经写好了两阶段构建node:18 编译、alpine 运行容器里直接起vite --host部署一条docker build就能跑无需在服务器上装 Node 环境。下一步路线与参与方式看 README.md 的 Roadmap 可以确认项目的迭代状态。已完成的包括图像修改历史、模型优化、后处理集成进模型、超分辨率待做的是接入 Segment Anything快速选区、接入 Stable Diffusion区域内容替换和更好的界面。想跟进这些能力可以重点关注仓库更新。参与方式有三种提建议在项目的 issue 区反馈功能建议和 bug贡献文案项目用 inlang 管理多语言给 project.inlang/ 加一个新语言只需要改messages/下的 JSON改代码前端是 React 17 Vite TypeScript修复逻辑集中在src/adapters/入口在 src/App.tsx结构清晰适合新人从 UI 层入手提第一个 PR。需要留意的一个前提模型文件从 Hugging Face 下载首次使用需要能连通该源另外 WebGPU 需要较新版本的 Chromium 系浏览器Safari 和部分旧版浏览器会自动走 WASM 通道功能不受影响但速度会慢一些。如果你的需求是偶尔修几张图、顺便把老照片放大Inpaint-web 目前是少见的零安装、免费、图片不出本地的完整方案——克隆下来npm run start5 分钟内就能看到效果。【免费下载链接】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),仅供参考