news 2026/9/26 2:39:07

不用装软件,浏览器 37 秒修好一张图:Inpaint-web 图像修复上手实录

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
不用装软件,浏览器 37 秒修好一张图:Inpaint-web 图像修复上手实录

不用装软件,浏览器 37 秒修好一张图: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 是一个纯浏览器运行的开源图像修复与超分辨率放大工具:去水印、修划痕、图片高清化都在网页里完成,图片不上传服务器。文章先带你看懂它为什么快,再走一遍完整修复流程。

从你的真实场景说起

个人场景:修一张有划痕的老照片过去:装 3GB 的 PS,啃图层蒙版,一张照片折腾半天。 现在:打开网页,涂抹划痕,点修复,几秒出图。

职业场景:电商商品图去水印过去:每张图手动修 15–20 分钟,一批图排到下班。 现在:涂抹水印区域一键修复,同类任务平均 4 分 12 秒跑完。

示例商品图:纸上的品牌文字,正是画笔要"擦掉"的部分

它凭什么能做到

WebGPU 加速原理一句话:浏览器原生接口直接调度显卡,让修复计算并行开工。 类比:CPU 逐像素串行是单车道,WebGPU 把路扩成高速路,几千个像素同时跑。 实测:1080P 单图修复从 112 秒缩到 37 秒,加速比 300%。

WASM 免安装运行原理一句话:修复模型被编译成网页里可直接执行的 WASM 代码(可理解为"免安装的小程序")。 类比:像随身 U 盘,换个电脑插上就能用。 实测:网页启动只要 2.3 秒,图片全程不出本机。

跟我走一遍

  1. 打开在线页面;想本地部署的话,运行 npm run dev 后访问 localhost。
  2. 点击"选择文件",或直接把照片拖进上传区。
  3. 🖌️ 用画笔涂抹划痕或水印,拖动滑块调整刷子大小。
  4. 点修复,等进度条走完(首次需联网下载约 30MB 模型,之后不再重复)。
  5. 拖动对比条核对边缘,点"下载"保存;想更清晰可再勾选"4 倍放大"导出。

主界面:左右滑块对比修复前后效果,撤销、刷子大小、下载都在底部

附带能力:4 倍高清化之后,毛发细节明显更扎实

放在天平上

维度Inpaint-webPhotoshop
部署方式打开网页即用,零安装3GB+ 客户端,需装环境
1080P 单张速度约 37 秒(WebGPU 加速)约 112 秒,手工修更久
使用成本免费开源订阅约 899 元/年
上手门槛涂抹即修,3 步完成需学图层蒙版等专业操作

做精细合成、依赖图层历史的活儿,PS 仍是主力;只想快速擦掉水印、修划痕、把图变高清,又不想装软件,Inpaint-web 更划算 ✨。

边界与下一步

短板也直说:一次只能修一张,还没有批量处理队列,RAW 格式暂不支持;水印与背景纹理高度相似时大面积擦除可能留轻微痕迹(官方测试常见场景准确率约 95%);首次使用必须联网下载模型(修复约 30MB、高清化约 70MB),断网环境用不了。

官方公布的后续规划:

  • v1.2 短期:批量处理队列、移动端触摸优化、RAW 格式支持
  • v2.0 中期:自定义模型训练、AI 辅助自动修复
  • v3.0 长期:视频序列帧修复、三维模型表面修复、云端协作编辑

有想法或踩到坑,去项目仓库提 Issue、贡献代码即可,和开发者一起把它磨得更顺手。

【免费下载链接】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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/26 2:37:57

TensorFlow CNN水果识别毕业设计源码:从环境搭建到模型评估全流程

简介:这份资源是面向计算机相关专业毕业设计学生与希望提升工程能力的开发者的一套TensorFlow卷积神经网络水果图像识别项目源码,难度定位中等,适合作为课程设计、期末项目或毕业设计参考。压缩包共1058个文件,约79.95MB&#xff…

作者头像 李华
网站建设 2026/9/26 2:36:37

LLMs 中的提示缓存:直觉、配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/26 2:36:31

App请求签名与加密码还原实战:从抓包识别到本地复现

简介:这份资源面向移动应用、小程序与网站开发者,聚焦数字签名与加密的实战代码整理,覆盖自如、小红书、蛋壳公寓、瑞幸咖啡等生活服务类App的签名与加密实现思路,适合需要研究接口安全、逆向分析或加固方案的中高级开发者参考。压…

作者头像 李华
网站建设 2026/9/26 2:36:07

数据库课程设计实战:员工考勤管理系统从需求到SQL实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/26 2:35:44

QT QTextEdit 自动滚动到底部怎么关?TaoToken 配置骨架与验证清单

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华