平时在做设计、剪辑或做前端页面时，经常从网上保存下 WebP 格式的素材，结果丢进某些旧版修图软件或特定编辑工具时提示不支持。市面上的格式转换网站不仅有广告弹窗，还动辄要上传服务器排队，并且经常把透明通道（Alpha 通道）给搞丢。

于是我花了一个下午，利用纯浏览器端方案把这个小工具补上了：WebP to PNG Converter 。https://videotoframes.com/webp-to-png

直接利用浏览器原生 Canvas API 和现代 createImageBitmap 异步解码，把 WebP 图片完全在本地渲染并导出为无损 PNG。不需要任何服务器后端参与，既省下了带宽成本，也保证了用户素材的绝对隐私。

关键数据：

开发与调优时间： 约 3-4 小时（主要是优化透明通道像素保持与多图批量打包 ZIP 下载体验）。

转换效率： 单张 4K WebP 图片在本地渲染导出耗时仅 150-300ms，拖拽多张图片几乎是瞬间批量完成。

运维与成本： 纯静态页面部署，服务器成本为 $0。

下次会改什么：

反向转换与其他格式补齐： 支持 PNG/JPG 反向转 WebP，并提供有损/无损压缩质量滑块调节。

超大分辨率并发控制： 当用户一次性拖入上百张高清图时，加入 Worker 线程池并发排队，防止主线程 Canvas 绘制出现瞬间卡顿。

元数据（EXIF）保留支持： 目前通过 Canvas 重绘会丢失原始元数据，后续考虑引入轻量 exif 解析库来保留拍摄参数。