【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
相关推荐
麻瓜老宋10 小时前
AI开发C语言应用按步走,表达式计算器calc的第四步,交互式 REPL 模式
c语言·开发语言·atomcode
猫猫不是喵喵.10 小时前
双亲委派机制与类加载过程
java·开发语言
布朗克16810 小时前
Go入门到精通-22-同步原语
开发语言·后端·golang·同步原语
帅次11 小时前
Kotlin Flow 与 StateFlow:UI 单向数据流基础
开发语言·ui·kotlin·stateflow·onlifecycle
艾伦野鸽ggg11 小时前
JavaScript 浏览器本地存储
开发语言·javascript·ecmascript
杜子不疼.11 小时前
【Qt常用控件】WindowTitle 与 WindowIcon:窗口标题和图标
开发语言·qt
AOwhisky12 小时前
Python 学习笔记(第十一期)——运维自动化(上·后篇):进程级监控与子进程管理——psutil进阶
运维·开发语言·python·学习·云原生·运维开发
人工干智能12 小时前
Python 的链式调用:一连串的“点”调用
开发语言·python
belowfrog12 小时前
Rust 的 Deref 到底为啥这么乱呀!
rust
就不掉头发12 小时前
如何优化程序的性能
开发语言