浏览器实验室 WEBASSEMBLY / 实验 02 图片不离开当前页面

图片编码,也可以只在前端完成

把图片,
留在浏览器里处理。

选一张图片,调整质量,在 Web Worker 中用 Wasm 编码为 WebP。文件留在本机,主线程负责界面,计算交给另一个线程。

一次本地处理

原始图片 → RGBA
→ Worker + Wasm
→ WebP 文件

首次转换时才加载编码模块。
没有图片上传接口。
75
更小体积更多细节

Wasm 按需加载 · 计算运行在 Worker

正在准备本地示例…

A / SOURCE

原始图片

内置示例 · PNG
—静态图片 · 长边最多 2,048 px
B / ENCODED

WebP 结果

等待转换
让第一张 WebP 在这里生成选择图片,或直接转换内置示例
输出预览 · 尚未生成下载 WebP
原始文件

—

准备后显示实际 PNG 字节数
输出 WebP

—

转换后显示
节省比例

—%

与原始文件字节数比较
本次调用耗时

—ms

首次包含 Wasm 模块初始化