简介
bpg-dedaena-block是一个可以用来处理图片压缩的npm包,可以将图片压缩成BPG格式而不会影响其原始质量。用这个包可以大幅度减小图片的大小,提高网站的性能。
安装
安装这个npm包很简单,直接运行以下代码即可:
npm install bpg-dedaena-block
使用
引入模块
const BpgDedaenaBlock = require('bpg-dedaena-block');
压缩图片
const bpgEncoder = new BpgDedaenaBlock({ width: 1920, height: 1080, bitDepth: 8, chromaFormat: 444, }); const compressedBuffer = bpgEncoder.encode(originalBuffer);
解压缩图片
const bpgDecoder = new BpgDedaenaBlock(); const uncompressedBuffer = bpgDecoder.decode(compressedBuffer);
参数说明
BpgDedaenaBlock(options)
options.width
- 类型: number
- 默认值: undefined
要压缩或解压缩的图片的宽度。
options.height
- 类型: number
- 默认值: undefined
要压缩或解压缩的图片的高度。
options.bitDepth
- 类型: number
- 默认值: undefined
要压缩或解压缩的图片的位深度。
options.chromaFormat
- 类型:number
- 默认值:undefined
要压缩或解压缩的图片的色度格式。可以是以下值:
- 400 (灰度图)
- 420 (4:2:0)
- 422 (4:2:2)
- 444 (4:4:4)
示例
-- -------------------- ---- ------- ----- -- - -------------- ----- --------------- - ----------------------------- ----- -------------- - ------------------------------------- -- ---- ----- ---------- - --- ----------------- ------ ----- ------- ----- --------- -- ------------- ---- --- ----- ---------------- - ---------------------------------- ------------------------------------- ------------------ -- ----- ----- ---------- - --- ------------------ ----- ------------------ - ------------------------------------ ------------------------------------- --------------------
结论
使用bpg-dedaena-block可以轻松地将图片压缩成BPG格式,从而提高网站的性能,同时保持图片的原始质量。这个npm包非常易用,只需几行Javascript代码即可实现图片的压缩和解压缩。建议大家可以尝试使用这个npm包来优化自己的网站,提升用户体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c85ccdc64669dde4f19