企业官网建设流程全解析

3分钟上手 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 是一款免费开源的图像修复与图像超分辨率工具，它基于 WebGPU（浏览器里的 GPU 加速技术）和 Wasm（让浏览器运行原生速度代码的技术）纯端侧实现：不用安装软件，图片也不用离开你的电脑，打开网页就能开始修图。

场景切入：两个最常用的修图时刻

不上传图片，去掉照片里的路人或水印 🖼️

拍风景时总有路人抢镜，商品图上也常残留不想出现的标记。在 Inpaint-web 里，你只需要用画笔把目标区域涂一遍，点击擦除，背景就会自动补全。处理全程在你的设备本地完成，图片不会上传到任何服务器。

把拍糊的产品图、老照片变清晰

电商主图、旧照片经常分辨率不够，直接放大又很模糊。Inpaint-web 可以把图片放大 4 倍，同时重建细节，让模糊的图重新变得清晰可用。

功能拆解：两个核心能力各自怎么用

图像修复：画笔遮罩 + 一键擦除

效果上，涂抹、擦除、撤销、下载都够用：涂错了一块可以随时撤销，修完直接下载成品。原理一句话带过：你的图片和涂抹的遮罩一起喂给跑在浏览器里的 ONNX 推理引擎，模型根据周围像素自动合成被擦除区域。适合谁用？给电商卖家修产品图、给个人照片去杂物，以及任何"不想把图交给第三方"的场景，都可以试试。

图像超分辨率：4 倍放大，进度条看着细节长出来 ✨

效果上，一张低分辨率图会被放大到 4 倍尺寸，过程中有进度条提示，完成后直接下载。原理一句话：大图被切成小块，逐块送进超分模型做 4 倍重建，再拼回完整大图，进度条就是切块的完成比例。适合谁用？手里只有小图、低清截图、旧照片，又需要放大印刷或放大的读者。

Inpaint-web 快速上手：四步启动本地图像修复 📌

1. 克隆仓库到本地：

git clone https://gitcode.com/GitHub_Trending/in/inpaint-web

2. 进入目录并安装依赖（首次会自动编译多语言文案）：

cd inpaint-web npm install

3. 启动本地开发服务器：

npm run start

4. 在浏览器打开http://localhost:5173，即可开始修图。

注意：首次使用会联网下载一次模型文件（修复模型约 30MB、超分模型约 70MB），之后会缓存在浏览器里，无需重复下载。

纯前端图像处理：隐私与性能亮点

• 图片不出本地：整个项目没有后端，照片从打开到导出都在浏览器内完成，对隐私敏感的照片（证件、客户素材）尤其友好。
• 自动挑最快的跑法：代码会先探测设备能力，支持 WebGPU 就走 GPU 推理，不支持则回退到 Wasm 多线程 + SIMD 加速，具体逻辑可以看 src/adapters/ 目录下的 inpainting.ts 与 superResolution.ts。
• 开源且可二改：项目采用 GPL v3 协议开源，界面支持中英文一键切换，想加功能或换模型的读者可以直接改源码部署自己的版本。

自己动手试试

项目完全开源，克隆下来npm install再npm run start，就能在自己电脑上跑起一套浏览器端图像修复加 4 倍超分的工具。仓库里 public/examples/ 备好了几张示例图，建议先拿它们练手，熟练后再换成自己的照片。

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