- 综合排序
- 最热优先
- 最新优先
- 来自专栏Tecvan
浅入浅出WebGPU
次月，Apple就向W3C提交了一个名为 WebGPU 的技术概念验证方案，基于Metal图形开放接口，最终W3C采纳了 WebGPU 这个名字作为下一代标准，Apple的提案进入了正式的小组提案中。 2018年6月，Chrome团队宣布着手实现WebGPU，这意味着Khronos的失败，WebGPU胜出，大家以后还是团结在W3C的周围。 q=webgpu#webgpu_compute BabylonJS: https://playground.babylonjs.com/ 右上角选择 webgpu 学习实例：https://austin-eng.com /webgpu-samples/samples/helloTriangle 文章搜集：https://github.com/mikbry/awesome-webgpu 二、动手写一个WebGPU程序 由于目前 WebGPU尚不稳定，所以我们目前还没有必要花特别多的精力来学习，我们基于webgpu-samples来做一些简单的学习。
2.7K21编辑于 2022-01-25 - 来自专栏云云众生s
WebGPU和WebAssembly能否克服Docker的AI GPU问题？
WebGPU 登场 WebGPU 似乎提供了一种克服这些 GPU 缺点的方法。 为了让 WebAssembly 运行 AI 工作负载，WebGPU 充当 Web 上的硬件加速器。 “因此，我们今天宣布，我们将在 Docker 中支持 WebGPU。” 在会议期间，Cormack 解释了 WebGPU 如何展现出巨大的潜力。 在与我交谈时，他描述了 WebGPU 如何特别适合移植到 GPU 环境的 Docker 容器。 Yuan 描述了 WebGPU 如何真正从浏览器开始。 “您已经看到许多 WebAssembly 组件被编译以在浏览器中运行，利用了 WebGPU，”Yuan 说。
61210编辑于 2024-07-09 《深入解析：如何通过CSS集成WebGPU实现高级图形效果》
当CSS的细腻笔触遇上WebGPU的磅礴算力，两者如同命运交织的织工，以代码为丝线，在虚拟空间中编织出超越现实维度的灵境。 而WebGPU则像是拥有无尽能量的造物主，能够将抽象的概念瞬间具现为震撼人心的奇观。它打破了现实世界的物理限制，让想象力在虚拟空间中自由驰骋。两者的相遇，恰似一场跨越维度的创世之舞。 CSS精心勾勒出灵境的基本架构，为每个元素赋予独特的“灵魂”；WebGPU则在此基础上注入强大的“生命力”，让这些元素能够突破二维屏幕的束缚，在多维空间中肆意生长。 无论是漂浮在量子云中的水晶城堡，还是由流动数据构成的生命体，都能通过CSS与WebGPU的协作，以逼真而又奇幻的姿态呈现在用户眼前。在数字灵境中，元素摆脱了固态的束缚，化身成具有生命的流体。 他们需要将艺术灵感、技术思维和用户体验完美融合，通过CSS与WebGPU的协同运作，将抽象的创意转化为可感知的数字世界。
13600编辑于 2025-06-21- 来自专栏进击的多媒体开发
WebGPU：下一代 Web 图形和计算 API
WebGPU 是一种新兴的 Web 标准，旨在为现代图形和计算应用提供高性能、低功耗的 API。本文将介绍 WebGPU 的背景、特点、用途以及和 WebGL 的对比。 低功耗：WebGPU 支持自动功耗管理，可以根据设备的性能和功耗需求自动调整渲染质量。这使得 WebGPU 在移动设备和笔记本电脑上更加节能。 以下是 WebGPU 和 WebGL 的主要对比： 性能：WebGPU 针对现代图形硬件进行了优化，提供了更高的性能。 着色语言：WebGPU 使用一种名为 WGSL（WebGPU Shading Language）的新着色语言，它旨在简化跨平台开发的复杂性。 而 WebGPU 尚处于开发阶段，只在部分浏览器中实验性地支持。然而，随着 WebGPU 规范的逐步成熟，预计它将在未来得到更广泛的支持。
1.7K20编辑于 2023-08-25 《WebGPU资源同步屏障效率提升10大实用技巧》
本文将从屏障设计的底层逻辑出发，拆解10个可直接落地的实用技巧，帮助开发者在保证数据安全的前提下，最大化释放WebGPU的渲染与计算性能。 二、合并相邻屏障：减少GPU状态切换损耗WebGPU应用中，多个连续的资源操作往往需要多道同步屏障，但并非所有屏障都需单独触发。 四、延迟屏障触发：优先执行无依赖任务GPU的并行执行能力是WebGPU性能优势的核心，但同步屏障会强制GPU等待前序任务完成，中断并行流程。 实用技巧是：利用WebGPU提供的性能监控接口，实时采集屏障的执行耗时、触发频率等数据，并结合应用的帧率、GPU占用率进行综合分析。 此外，还可借助浏览器的WebGPU性能分析工具（如Chrome DevTools的WebGPU面板），可视化查看屏障在命令流中的执行顺序与耗时占比，精准定位低效屏障的位置。
32300编辑于 2025-08-15- 来自专栏Rust语言学习交流
【Rust日报】 2019-06-01：用 Rust 实现 WebGPU 协议
Repo wgpu - 用 Rust 实现 WebGPU 协议 这个库基于 gfx-hal 来做。这个库会同时支持 WebGPU 和 WebGL。不得了不得了。 以 wasm 为枪，WebGL/WebGPU 加持。不得了了。
1.1K10发布于 2019-07-09 - 来自专栏前端西瓜哥的前端文章
WebGPU 入门：绘制一个三角形
今天我们来入门 WebGPU，来写一个图形版本的 Hello World，即绘制一个三角形。 WebGPU 是什么？ 简单来说，WebGPU 提供一个更现代的 Web 上的图形渲染标准。 相比 WebGL，WebGPU 有更好的性能表现，API 更底层更灵活，并支持更高级的现代特性，比如计算着色器。 毫无疑问，WebGPU 是前端图形渲染的未来，值得去学习一下。 但生产中，我们可以做一个回退机制：如果浏览器支持 WebGPU，我们用 WebGPU 去渲染，如果不支持就回滚到 WebGL。 绘制三角形 OK，我们开始用 WebGPU 绘制一个三角形。 确保你的浏览器支持 WebGPU，建议用 Chrome，并更新到最新版本。
90210编辑于 2023-09-24 - 来自专栏机器之心
挑战WorldLabs：Visionary，一个全面超越Marble底层渲染器的WebGPU渲染平台
近日，开源项目 Visionary 给出了一个截然不同的答案：基于 WebGPU 与 ONNX，在浏览器中实现真正的动态 3DGS / 4DGS 实时渲染，并在多项测试中全面超越 SparkJS。 论文标题：Visionar y: The World Model Carrier Built on WebGPU-Powered Gaussian Splatting Platform 技术报告：https 在包含数百万高斯点的典型场景中，Visionary 将排序与预处理完全迁移至 GPU (WebGPU)，显著降低端到端延迟，而 SparkJS 的性能瓶颈主要集中在 CPU 排序阶段。 Visionary 已在 GitHub 完全开源，采用宽松协议，并已获得 Firefox / Chrome WebGPU 相关开发者的关注与反馈。 Visionary 给出的答案是：用 WebGPU + ONNX，把世界模型真正带到 Web。
42310编辑于 2025-12-31 Chromium WebGPU堆缓冲区溢出漏洞CVE-2025-11205安全分析
该CVE由Chrome分配。基于Chromium的Microsoft Edge浏览器集成了Chromium组件，该组件已解决此漏洞。更多信息请参阅Google Chrome版本发布说明。
17710编辑于 2025-10-03- 来自专栏Fundebug
Chrome 94开始WebGPU试用，Web的图像渲染及机器学能力更强了
WebGPU 103 Early Hints for Navigation 详细解读 WebGPU Chrome 94新增了试用特性WebGPU，提供了使用GPU的Web API，可以用于图像渲染（比如 WebGPU这个特性所对应的是WebGPU和WebGPU Shading Language这2个提案，由Google、Mozilla以及Apple的工程师负责。 WebGPU和WebGPU Shading Language提案都是由W3C的GPU for the Web工作组起草的，该工作组成立于2017，经过4年的努力，WebGPU终于开始试用了，也是不容易啊 WebGPU是WebGL的继承者，它们的目标类似，不过WebGPU提供了更加底层的GPU能力。因此，WebGPU的图像渲染能力更强，性能更好，更易用，也更加适用于数据并行计算以及机器学习。 [WebGPU] 图片来源：Access modern GPU features with WebGPU WebGPU提供的是底层API，非常强大，同时也非常复杂。
1.9K00发布于 2021-09-28 - 来自专栏深度学习与python
谷歌正式发布WebGPU！90多位贡献者研发6年，浏览器终于可以利用底层硬件了
许多被广泛使用的 WebGL 库正在或已经能够支持 WebGPU，因此用户只需做单行变更即可使用 WebGPU： Babylon.js 已经全面支持 WebGPU。 PlayCanvas 宣布可初步支持 WebGPU。 TensorFlow.js 可支持大部分运算符的 WebGPU 优化版本。 Three.js 正在着手实现 WebGPU 支持。 还有 Burn（Rust 深度学习框架）项目的贡献者也表示将添加 WebGPU 后端。 WebGPU，晚了吗？ 当然，也有一些开发者对 WebGPU 如今才发布是不是还“赶趟”表示怀疑。 然而，所有这些都不在 WebGPU 中。 WebGPU VS WebGL 那么，作为 WebGL 的继承者，有开发者提出 WebGPU 与 WebGL 的差异究竟如何？
1.9K30编辑于 2023-04-10 - 来自专栏旅途散记
听GPT 讲Deno源代码(2)
File: deno/ext/webgpu/queue.rs 在Deno项目中，deno/ext/webgpu/queue.rs文件的作用是实现了与WebGPU队列（Queue）相关的功能。 Own WebGPU），即允许用户自己提供WebGPU实例的功能。 WebGPU后端：Deno是一个现代化的JavaScript运行时，其WebGPU后端是使用Rust语言实现的，用于将WebGPU的功能提供给Deno运行时环境。 BYOW（Bring Your Own WebGPU）：BYOW意味着用户可以自己提供一个已经创建好的WebGPU实例，并将该实例与Deno的WebGPU后端集成，以利用WebGPU的能力。 File: deno/ext/webgpu/surface.rs 在Deno项目的源代码中，deno/ext/webgpu/surface.rs文件的作用是实现WebGPU的绘图表面相关功能。
29910编辑于 2024-05-10 - 来自专栏佳爷的后花媛
wgpu-rs on the web
rise of wgpu, the gfx team has been busy with development of wgpu-native (a C API which implements the WebGPU the browser Until recently, wgpu-rs was only able to run on the native backend, simply because the WebGPU The WebGPU API has to be enabled in the browser in order to run these examples. Note that browser WebGPU support is still experimental and a work in progress, so attempting to run them be provided in the RUSTFLAGS environment variable in order to use WebGPU from web-sys (the crate which
1.3K10发布于 2020-04-26 - 来自专栏翩翩白衣少年
今日软荐：抠图工具再添一员猛将！批量去背景从未如此简单
最近在 Huggingface 上发现了一个非常强大的批量抠图工具：remove-background-webgpu。 工具介绍 remove-background-webgpu 是一款基于 Transformers.js 构建的图像背景去除工具，支持在浏览器中运行，并利用 WebGPU 加速处理。 • WebGPU 加速 相比传统方法，使用 WebGPU 能显著提高处理速度，特别是在处理大量图片时优势更为明显。 Huggingface:https://huggingface.co/spaces/webml-community/remove-background-webgpu 2. 开源地址：https://github.com/huggingface/transformers.js-examples/tree/remove-background-webgpu/ 使用场景 • 电商图片处理
1.3K10编辑于 2024-08-29 - 来自专栏深度学习与python
Web 3D 圈摸爬滚打十多年的老兵热血自述：立志做中国跨时代 Web 渲染引擎
那么，WebGPU 标准究竟何时能够完全取代 WebGL？在实践 WebGPU 标准的过程中，又有何经验可分享？带着这些问题，InfoQ 采访了 Orillusion 团队创始人白景文。 从 2020 年开始，我们开始关注 WebGPU 的发展，并且判断出 WebGPU 引擎势必对 Web3D 产生革命性影响。 然而另一方面，我们同时看到国内现在还没有出现成熟的 WebGPU 引擎。 由于 WebGPU 标准和 WebGL 标准是完全不一样的设计理念，所以可以说从研发全新的 WebGPU 引擎产品的角度看，与国外的引擎团队相比，我们在技术层面也丝毫不逊色。 而有些情况可能无论如何优化，也是无法达到最终效果的，比如现在的 WebGPU 功能。由于 WebGPU 的标准还没有正式推出，每家浏览器厂商的实现速度是不一样的。 随着 WebGPU 的发展，我们会一直关注和跟进更多系统平台对于 WebGPU 的兼容程度，包括 Native 环境，相信未来一定可以完成更多平台的兼容和打通。
1.1K20编辑于 2023-03-29 - 来自专栏【腾讯云开发者】
修十年Bug修成Commiter？鹅厂工程师的Chromium社区贡献之旅
我决定选择 WebGPU 作为主攻方向来支撑我成为 Committer。 刚好 WebGPU 是一个相对比较新的技术，而且我对这方面比较感兴趣，之前也一直在关注 WebGPU 的发展。 关于 WebGPU 详细介绍可参考 WebGPU 的 W3C 标准。 Chromium 已在 M113 版本上针对 Mac 和Win 默认开启了 WebGPU，M121 版本上针对 Android 特定机型也默认开启了 WebGPU。 从2023年12月初开始，在业余时间陆陆续续提交了一些 WebGPU 相关 Patch。
88310编辑于 2024-05-29 把浏览器炼成“超级终端”
随着WebGPU在主流浏览器（Chrome,Edge,Safari）中的全面爆发，端侧AI（EdgeAI）已经从“实验室玩具”变成了真正的“生产力工具”。 它最大的杀手锏是对WebGPU的原生支持。以往我们在浏览器跑模型，走的是WebAssembly(WASM)或者WebGL，性能勉强够做个简单的分类。 但现在，借助WebGPU直接调用显卡底层算力，在浏览器里跑Llama3.2或者Whisper已经能达到接近原生的速度。 04落地案例：30行代码实现本地图片实时描述下面是一个结合了WebGPU和本地模型的完整示例。它能识别用户上传的图片，并用文字描述出来——全过程不经过任何服务器。 如果你在模型转换或WebGPU适配中遇到了奇怪的报错（比如GPUdevicelost），欢迎在评论区留言，我会为你提供更针对性的排障建议。
20410编辑于 2026-01-24- 来自专栏腾讯IVWEB团队的专栏
【译】开始在web中使用CPU计算
该API称为WebGPU。 WebGPU是一个低级API，例如WebGL。如你所见，其非常强大且冗长。但是没关系我们更在乎的是性能。 在本文中，我将重点介绍WebGPU的GPU计算部分，老实说，我讲的会比较浅，让你可以自己开始玩就可以了。下一篇文章中我将更深入地探讨WebGPU渲染（画布，纹理等）。 PS: 目前，WebGPU已在Chrome 78实验性功能提供了。你可以在chrome://flags/#enable-unsafe-webgpu来开启它。 由于尚未为WebGPU API实现GPU沙箱，因此可以读取其他进程的GPU数据！故不要在启用网络的情况下浏览网络。 访问GPU 在WebGPU中访问GPU很容易。 注意，“WebGPU” W3C社区组仍未决定编写WebGPU的着色语言。
2.3K20发布于 2020-06-28 - 来自专栏漫话低代码
4.11｜今天的开发者头条，都搁这了！
Chrome发布WebGPU技术 Chrome浏览器现已默认支持WebGPU技术，可直接使用。 WebGPU是一种新的Web图形API，它可以提供更灵活的GPU编程，同时还能访问WebGL无法提供的高级功能。它公开了现代硬件功能，允许在GPU上进行渲染和计算操作。 WebGPU显著减轻了JavaScript的工作负担，同时在机器学习模型推理方面提供了超过三倍的性能提升。目前，WebGPU仅适用于ChromeOS、macOS和Windows。 其他平台的WebGPU支持将在今年晚些时候推出。 新闻要点： Chrome 113版本现已默认支持WebGPU技术。 WebGPU可提供更灵活的GPU编程，同时还能访问WebGL无法提供的高级功能。 WebGPU显著减轻了JavaScript的工作负担，同时在机器学习模型推理方面提供了超过三倍的性能提升。 查看更多/2 --- 3.
98451编辑于 2023-04-11 - 来自专栏Fundebug
了不起的Chrome浏览器（6）：Chrome 94开始WebGPU试用，Web的图像渲染及机器学能力更强了
WebGPU 103 Early Hints for Navigation 详细解读 WebGPU Chrome 94新增了试用特性WebGPU，提供了使用GPU的Web API，可以用于图像渲染（比如 WebGPU这个特性所对应的是WebGPU和WebGPU Shading Language这2个提案，由Google、Mozilla以及Apple的工程师负责。 WebGPU和WebGPU Shading Language提案都是由W3C的GPU for the Web工作组起草的，该工作组成立于2017，经过4年的努力，WebGPU终于开始试用了，也是不容易啊 WebGPU是WebGL的继承者，它们的目标类似，不过WebGPU提供了更加底层的GPU能力。因此，WebGPU的图像渲染能力更强，性能更好，更易用，也更加适用于数据并行计算以及机器学习。 WebGPU，结果发现WebGPU的性能更好，但是差距与WebGL并不是特别明显，有待进一步研究： 图片来源：Fast client-side ML with TensorFlow.js 如下图，WebGPU
1.7K40编辑于 2023-10-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号