1. 概述
@wetransfer/concorde-browser 是一个使用纯 JavaScript 实现的 PNG 图片压缩工具。相对于其他的压缩工具，它的压缩速度更快，且可以更好地压缩 PNG 图片。
2. 安装
使用 npm 安装：
npm install @wetransfer/concorde-browser --save
3. 使用方法
3.1 基础使用
const ConcordeBrowser = require('@wetransfer/concorde-browser')
const pngData = new Uint8Array([/* PNG 数据 */])
const compressedData = ConcordeBrowser.compress(pngData)
console.log('压缩前大小:', pngData.byteLength, '压缩后大小:', compressedData.byteLength)3.2 配置参数
-- -------------------- ---- -------
----- --------------- - ---------------------------------------
----- ------- - --- -------------- --- -- ----
----- ------- - -
-------- --
------ --
------- -----
--------------- -
------ -
--
----------- -
-
----- -------------- - --------------------------------- --------
--------------------- ------------------- --------- --------------------------可选配置参数及其作用如下：
quality：PNG 压缩质量，取值范围 1 - 10，值越大压缩后越清晰，但压缩率越低，默认为 5。slack：冗余级别，取值范围 0 - 10，值越大冗余越高，但压缩率越低，默认为 1。filter：是否启用 PNG 图片滤波器，默认为 true。deflateOptions：DEFLATE 压缩选项，详见 https://github.com/pako/js/blob/master/README.md#deflate-options。depthLimit：压缩递归深度限制，避免过多递归导致栈溢出。默认为 3。
4. 示例代码
-- -------------------- ---- -------
----- --------------- - ---------------------------------------
----- ------- - --- ------------
---- --- --- --- --- --- --- --- -- -- -- ---
--- --- --- --- -- -- -- -- -- -- -- -- --
-- -- -- -- ---- --- ---- ---- -- -- -- --
---- --- --- --- -- ---- ---- --- ---- -- --
-- -- ---- --- --- --- -- -- ---- ---- ---
---- --- -- -- -- -- -- ---- --- --- ----
-- -- --- --- -- -- --- --- -- -- ---- ----
--- -- -- -- -- ---- --- --- --- -- ----
-- --- -- --- --- ---- ---- ---- -- -- --
-- ---- --- --- ---- -- -- --- --- -- -- ---
--- -- -- ---- ---- --- -- -- -- -- ---- ---
--- --- -- ---- -- --- -- --- --- ---- ----
---- -- -- -- --- --- --- --- --- --- ---
--- ---- ---- --- -- -- -- --- -- --- --
-- --- --- -- ---- --- ---- --- --
--
----- ------- - -
-------- --
------ --
------- -----
--------------- -
------ -
--
----------- -
-
----- -------------- - --------------------------------- --------
--------------------- ------------------- --------- --------------------------5. 总结
@wetransfer/concorde-browser 提供了一种快速、高效的 PNG 图片压缩方案，在前端 Web 开发中具有广泛的应用价值。希望本文的教程内容能够帮助读者学习和使用该工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671c630d09270238227da