【Rust基础】使用Rust和WASM开发的图片压缩工具

图片压缩工具

使用rust+wasm开发了一个简易版的图片压缩工具,支持JPG、PNG、GIF、WEBP等图片格式,不限制大小,无需上传图片,完全在浏览器中执行。

工具地址:https://eai.coderbox.cn/image-compression

实现方式

  • JPEG

    对原图进行量化,通过指定质量参数,控制压缩质量。

  • PNG

    同样的进行量化,并重新将rgba颜色(如果原图是rgba)调整为8位索引颜色,最后对图片重新编码。

  • WEP

    同JPEG

  • GIF

    提取原图帧后进行量化压缩,帧率和原图保持一致,最后重新编码图片。

使用Rust开发WASM

  • 安装wasm-pack

    shell 复制代码
    cargo install wasm-pack
  • Cargo.toml中添加依赖wasm-bindgen = "0.2"

  • 通过#[wasm_bindgen]暴露出接口给js调用

  • 编译

    shell 复制代码
    wasm-pack build --target web
相关推荐
techdashen3 小时前
Go Map 详解:键值对实际上是如何存储的
开发语言·后端·golang
程序猿乐锅4 小时前
【计算机组成原理 | 第六章】中央处理器 CPU
java·开发语言
Terra.K4 小时前
ThreadLocal解决一个线程里面跨层传递问题
java·开发语言·后端
变与不变8064 小时前
引用类型、内存原理与对象
开发语言·前端·javascript
wuyk5554 小时前
从零吃透 MQTT 通信|第 5 章 MQTT 心跳保活机制深度优化,断线检测与智能自动重连
c语言·开发语言·stm32·学习
weixin_440730504 小时前
socket解决多次输入问题-大数据接收问题-模块动态导入
java·开发语言·servlet
Amos_Web4 小时前
Rspack 源码解析(三):从入口到依赖图,读懂 Make 阶段的 Rust 任务循环
前端·rust
励志不掉头发的内向程序员5 小时前
【LibreCAD 2D架构】从鼠标点击到图形创建:RS_ActionDrawLine交互流程与状态机解析
开发语言·c++·qt·学习·系统架构·计算机外设·交互
www_aiyuanma_vip5 小时前
Java个人博客系统
java·开发语言
leoZ2315 小时前
第 7 篇:进阶——校验、联动、列表页
开发语言·前端·javascript·vue.js·人工智能·目标检测·ecmascript