企业官网建设流程全解析

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

供应商发来的产品图角落有一行水印文字，想去掉它，得先下载好几个 GB 的修图软件再学会使用？Inpaint-web 是一个完全跑在浏览器里的免费开源浏览器图像修复工具：可以擦掉图上的水印和不需要的物体，还支持把模糊的小图放大 4 倍。不用安装、不用注册，打开网页就能用。

Inpaint-web 是什么：免安装的去水印与图片放大工具

Inpaint-web 是一个免费开源的图像修复和放大工具。你上传一张图，用笔刷涂掉想去掉的部分，AI 模型会把那块区域用周围的背景补回去；遇到模糊的小图，可以选 4 倍放大。适合需要清理商品图、给素材图去水印、或者把老小图变清晰的人，不需要设计基础。

它和桌面修图软件的区别：

• 不用下载安装，全部处理在浏览器里完成
• 图片不离开你的设备，不存在上传到别人的服务器
• 首次使用需下载一次模型文件（约 30MB/70MB），之后本地缓存
• 免费且开源，可以自己看代码、自己部署

30秒上手步骤：环境要求与本地启动方法

环境要求很普通：

• 浏览器：主流浏览器较新版本（Chrome、Edge、Firefox、Safari），支持 WebGPU 的速度更快
• 网络：首次使用需联网下载模型文件
• 模型体积：修复模型约 30MB，超分模型约 70MB，下载后缓存在浏览器里

想自己部署，几条命令的事：

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

跑起来后，浏览器打开终端显示的地址就是页面。基本操作四步：

1. 点击或拖拽上传一张图（页面也提供示例图，可以先点一张试试）
2. 用笔刷涂掉要去除的区域，笔刷大小可拖滑块调节，涂错了能撤销
3. 点击开始修复，或者对模糊图点 4 倍放大，等进度条走完
4. 下载处理好的图

它能帮你做什么：去水印、删物体、4倍放大

去水印和文字：商品图、素材图角落常有供应商水印。把文字涂掉，点修复，模型会用周围背景把那块补上；白底商品图处理完，基本看不出痕迹。

删除不需要的物体：路人、桌上的杯子、画面角落的杂物，涂掉即可。页面保留原图和每次修复的结果，可以来回切换对比。

4 倍超分放大：页面用 Real-ESRGAN 模型，输出是原图 4 倍尺寸。比如 256×256 的小图会变成 1024×1024，边缘和纹理更清楚，小图变大图后还能挂到网页上。

交互上，每次处理的结果都记在历史里，可以一步步退回；对比原图也随时可切。

真实例子：三张图各发生了什么事

仓库的public/examples/目录自带了几张示例图，页面里可以直接点开使用。

例子一：商品图去品牌文字。这双球鞋鞋身中间有一行品牌文字，用笔刷把文字涂掉再修复，文字消失，鞋面和白色背景自然补回，适合做电商图处理的演示。

例子二：杂乱桌面删单件物品。这张照片桌面摆着笔记本、T恤、老式相机等。想把角落的相机去掉，涂掉它就行，修复结果会补上桌面木纹，像相机从没摆在那儿。

例子三：小图变清晰。目录里还有car.jpeg（256×256）和dog.jpeg这类小图，选汽车图做 4 倍超分后，车身边线和夕阳背景比原图更清楚。

它是怎么做到的：WebGPU 和 WASM 的大白话

模型推理靠 onnxruntime-web，浏览器接口是 WebGPU。WebGPU 是什么？打个比方：浏览器给显卡开了条专用通道，把图像计算任务直接甩给 GPU。GPU 像一间有几百个厨师的厨房，并行处理图的各个区域；CPU 则是单个灶台，只能一口一口做。这也是它能在浏览器里跑得动的原因。

图像预处理（格式转换、通道拆分）交给 opencv-ts，也就是 OpenCV 编译成的 WASM 格式——C++ 代码被"翻译"成浏览器能直接执行的格式，不依赖服务器。

页面启动时会先在src/adapters/util.ts里检测设备能力：支持 WebGPU 就走 GPU 路线，不支持就自动退回 WASM 模式，功能不变，只是变慢。模型文件首次使用时下载并存在浏览器本地缓存，之后不再重复下载。想读源码的话，从src/adapters/inpainting.ts和src/adapters/superResolution.ts看起，编辑画布的逻辑在src/Editor.tsx。

常见问题

图片会上传到服务器吗？不会。所有处理都在你的浏览器里完成，图片不出设备。联网只是为了首次下载模型文件。

浏览器不支持 WebGPU 怎么办？能用。页面自动切到 WASM 后端跑模型，处理速度慢一些，修复和放大功能都保留。

图片尺寸有上限吗？超分是按小块（约 64 像素见方）分批处理大图的，没有硬性分辨率上限，只是图越大耗时越长。

每次都要重新下模型吗？不用。模型存在浏览器的本地存储（IndexedDB）里，下次打开页面直接读缓存。

一句话总结：inpaint-web 把修复和 4 倍放大这两件最常用的事搬进了浏览器，免安装、不上传、免费开源。想体验的话，最快的方式就是按上面的命令把仓库克隆到本地跑起来；对模型和界面细节感兴趣的，可以从src/adapters/开始读。

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