首页/新闻资讯/正文详情

浏览器里修图:WebGPU 图像修复工具 inpaint-web 上手记

发布时间:2026/9/26 2:54:52 来源:云帆数科 栏目:资讯中心
浏览器里修图:WebGPU 图像修复工具 inpaint-web 上手记
浏览器里修图WebGPU 图像修复工具 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-webinpaint-web 是一款纯浏览器端运行的 WebGPU 图像修复工具定位很直接把照片里不想要的部分涂掉模型自动补全另外还支持 4 倍超分辨率放大。整个过程不装任何软件图片也完全不离开本机。我把它拉到本地折腾了一遍体验比预期要好。打开就能用一条命令起本地图像修复服务不需要任何环境配置克隆下来跑两条命令就行git clone https://gitcode.com/GitHub_Trending/in/inpaint-web cd inpaint-web npm install npm run start浏览器访问它输出的地址。界面非常克制中间一块画布用来预览图片旁边一排按钮管画笔大小、原图对比、撤销、4 倍放大和下载旁边还有几张 示例图片目录 里的图可以直接试。整个界面就是一块画布加几个按钮用过修图软件的人零学习成本第一次运行有一件事要有心理准备页面会从境外存储下载两个 ONNX 模型文件修复模型约 30MB放大模型约 70MB需要能稳定连出去的网络。下过一次之后会缓存在本地 IndexedDB 里下次打开不再重复下载。涂一笔把照片里的人抹掉️ 我随手挑了一张示例图一双鞋的产品图。把画笔调到合适的大小直接在不想要的东西上涂抹鼠标跟着一个圆形光标涂多涂少一目了然。涂完等几秒进度条走完涂抹区域就按周围纹理补全了东西干净地消失。public/examples/ 里的示例图挑个面积小的跑几秒出结果不满意就点「撤销」重来历史是按次记录的涂错一笔不会前功尽弃「原图」按钮可以在当前结果和原图之间切换方便检查边缘过渡。这套撤销历史是容易被忽略、但实际每次都会用到的细节。点一下 4 倍放大把小图变大图第二个功能是超分放大点「4 倍放大」后进度条一块一块地走后面会解释为什么是一块一块的。完成后输出的图宽高各放大 4 倍边缘明显更锐拿来放大老照片或者需要撑大的产品图基本够用。左为超分结果右为原图边缘清晰度肉眼可见为什么它能跑在浏览器里看源码会发现不神秘主要是两件事。第一件是硬件能力自动检测。页面加载时会先检查navigator.gpu能不能申请到适配器能就把模型计算交给 WebGPU让 GPU 并行处理成千上万个像素像把一堆卡片分给很多人同时整理而不是一个人排队一张张翻不能就自动退回 WASM 路径并且浏览器支持 SIMD 和共享内存多线程的话就一并打开跑在 CPU 上——比 GPU 慢但能用不会直接罢工。第二件是预处理和分块。图片进模型前由 opencv-tsOpenCV 的 WASM 版做通道重排、遮罩二值化这些脏活。修复模型可以整图一次跑完放大模型则不同它把图切成 64×64 的小块逐块推理再拼回块与块之间留 6 像素重叠来避免拼缝。这么做的好处是大图也不会把内存撑爆坏处是进度只能一块一块地报。适合谁不适合谁适合偶尔需要去水印、去路人、去杂物或者想把小图放大的场景。不用打开重型修图软件也不用把图片上传到任何在线服务本地隐私这块是实打实的安心。不适合一次处理几百张图的批处理需求目前没有队列功能超大图片反复多轮放大内存压力明显以及不支持 WebGPU 的旧浏览器——会回落到 CPU速度就完全是另一个量级了。⚠️ 再提醒一次首次使用的模型文件来自境外存储网络连不出的话会卡在这一步。仓库地址就是上面那条 clone 命令里的。如果跑出问题或者有功能想法欢迎直接去 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),仅供参考

相关推荐

【前端问题】解决浮动元素的父容器塌陷
【前端问题】解决浮动元素的父容器塌陷

问题&#xff1a;浮动的子元素脱离了文档流&#xff0c;父容器无法感知它们的高度&#xff0c;高度会坍塌为 0&#xff08;或仅剩边框&#xff09;&#xff0c;页脚会错误地跑到浮动元素旁边&#xff0c;而不是在容器下方。HTML<div class"father"><div cla… · 2026/9/26 2:54:52

MikroORM 多 Schema 使用指南:实体定义、运行时切换与 SQLite ATTACH DATABASE 实战
MikroORM 多 Schema 使用指南:实体定义、运行时切换与 SQLite ATTACH DATABASE 实战

后端 【免费下载链接】mikro-orm TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, MS SQL Server, PostgreSQL and SQLite/libSQL databases. 项目地址&#xff1a; https://gitcode.com/gh_mir… · 2026/9/26 2:54:52

人机协作新范式:盘点2026年顶流之选的AI论文软件
人机协作新范式:盘点2026年顶流之选的AI论文软件

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂、实测能大幅提速的AI论文软件&#xff0c;覆盖选题构思、文献整理、内容生成、降重润色等核心场景&#xff0c;真正帮你高效搞定论文。 一、全流程王者&#xff1a;一站式搞定论文全链路&#xff08;一天定稿首选&… · 2026/9/26 2:54:46

MouseKeyShow:Windows原生级操作可视化工具原理与实践
MouseKeyShow:Windows原生级操作可视化工具原理与实践

/* 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 3:24:29

AI 实时流式推理架构深度解析:从 SSE 到 WebSocket/gRPC Stream 的协议设计与优化——TaoToken 统一 Key 下的配置骨架与连通性验证
AI 实时流式推理架构深度解析:从 SSE 到 WebSocket/gRPC Stream 的协议设计与优化——TaoToken 统一 Key 下的配置骨架与连通性验证

/* 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 3:24:29

2026出差拜访客户要整理录音 华为平板录音转文字哪个好成本分析:TaoToken统一Key接入配置与验证
2026出差拜访客户要整理录音 华为平板录音转文字哪个好成本分析:TaoToken统一Key接入配置与验证

/* 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 3:24:29

Spring AI 提示词技巧:用 CO-STAR 与 Cursor Rules 打造可复用的 Prompt 配置骨架
Spring AI 提示词技巧:用 CO-STAR 与 Cursor Rules 打造可复用的 Prompt 配置骨架

/* 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 3:24:29

智能文档OCR识别系统实战:从扫描件到结构化字段的完整链路
智能文档OCR识别系统实战:从扫描件到结构化字段的完整链路

简介&#xff1a;智能文档OCR识别系统是一套面向计算机视觉与深度学习方向的毕业设计、课程设计参考方案&#xff0c;适合具备一定Python基础、希望实践目标检测与文字识别的高校学生及开发者。系统以YOLO算法为核心&#xff0c;结合CNN特征提取与RNN/LSTM序列建模&#xff0c;… · 2026/9/26 3:24:23

你的电脑缺一个「数字员工」——OpenClaw 本地部署手把手教学:用 TaoToken 统一 Key 打通配置文件
你的电脑缺一个「数字员工」——OpenClaw 本地部署手把手教学:用 TaoToken 统一 Key 打通配置文件

/* 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 3:24:10

数据库课后习题答案别硬背:当测试用例集刷,效率翻倍
数据库课后习题答案别硬背:当测试用例集刷,效率翻倍

简介&#xff1a;万常选版《数据库原理与设计》课后习题答案资源&#xff0c;覆盖第2至6章及第9章&#xff0c;适合正在学习关系模型、数据库建模、关系数据理论与模式求精的本科生、自学者作为复习与自测材料。压缩包共7个文件&#xff0c;含3个doc参考答案、2个sql示例脚本、… · 2026/9/26 0:00:21

OpenClaw 替代品?Hermes Agent 踩坑实录:macOS 飞书接入 TaoToken 配置
OpenClaw 替代品?Hermes Agent 踩坑实录:macOS 飞书接入 TaoToken 配置

/* 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 0:00:40

向下兼容与向上兼容:接口设计中的兼容性策略与工程实践
向下兼容与向上兼容:接口设计中的兼容性策略与工程实践

一次版本升级事故&#xff0c;是很多团队绕不过去的坎。线上环境里&#xff0c;服务端明明已经上线了新版接口&#xff0c;老的移动端还在照着旧文档传参数。请求一到网关&#xff0c;校验直接拒绝&#xff0c;用户操作失败&#xff0c;客服群炸了锅&#xff0c;开发群里开始互… · 2026/9/26 0:00:46

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码