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 下载与安装教程，带你用 3 条命令在本地跑起这款免费的浏览器端图像修复与超分工具。
亮点速览：免费、纯浏览器端、无需服务器
上手前先看 inpaint-web 能给你什么：
- 免费开源：下载、使用、看源码，全程免费。
- 纯浏览器端：所有图像计算都在浏览器里完成，不需要服务器，图片数据也不离开你的设备。
- 两大核心功能：图像修复（Inpainting，刷掉不想要的元素，算法自动把背景补得天衣无缝）和浏览器端图像超分辨率（Upscaling，把模糊的图放大变清晰）。
- 技术栈硬核：WebGPU 让浏览器直接调用 GPU 做图像修复与超分计算，WASM（WebAssembly）让网页里的代码跑出接近本地程序的速度。
环境检查清单：开工前确认这 3 项
打开终端，按顺序确认三项，全部通过就能开工 ✅
- Node.js 14.x 及以上：项目的运行环境。没装的话去 Node.js 官网下载最新版，装完执行
node -v，版本号不低于 14 即可。 - npm：Node.js 自带的包管理器，负责安装依赖。执行
npm -v验证。 - Git（可选）：用来拉取源码。执行
git --version验证；没有它也没关系，可以直接在仓库页面下载源码包解压。
3 条命令跑起来：获取源码并安装依赖
第一步，把整个仓库克隆到本地目录：
git clone https://gitcode.com/GitHub_Trending/in/inpaint-web然后进入项目目录，安装依赖：
npm install它会根据 package.json 下载全部依赖，首次安装需要几分钟，耐心等它跑完。
启动本地服务：访问 localhost:3000 验证效果
依赖装好，启动开发服务器：
npm run start命令会拉起本地服务，接着用浏览器访问http://localhost:3000。看到 inpaint-web 的编辑页就成功了：仓库里的 public/examples/ 目录备好了几组示例图，直接上传，用画笔刷掉不想要的元素体验图像修复；切到超分辨率功能，能立刻看到放大前后的对比。
生产构建与静态部署：一条命令出产物
想部署给别人用？执行：
npm run build它会先做类型检查，再把静态产物打包进dist/目录，直接丢到任意静态服务器或对象存储即可访问。
常见问题：新手最容易踩的 2 个坑
- npm install 报了一堆错怎么办？多半是 Node 版本过低。本项目要求 Node.js 14.x 及以上，执行
node -v确认，低于 14 就升级 Node 后重新装依赖。 - npm run start 后打不开 localhost:3000？可能是端口被占用。看一下终端里服务实际输出的端口再访问，或先停掉占用 3000 端口的进程。
到这里，克隆、安装、启动三步走完，你手里已经多了一个免费的浏览器端图像修复与超分辨率工具。接下来可以在浏览器里试试图像修复功能，或翻翻仓库的 README 了解项目规划。
【免费下载链接】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），仅供参考
