介绍
bpg-nino-elite 是一款基于 JavaScript 的 npm 包，用于实现图片的编码压缩。这款包可以将图片压缩至最优化的状态，减小图片大小并提高网站性能。
安装
在使用之前，我们需要安装 bpg-nino-elite。可以直接在命令行中使用以下命令进行安装：
npm install bpg-nino-elite
使用
安装成功后，我们就可以开始使用该包了。我们可以通过如下代码调用 bpg-nino-elite：
const BpgEncoder = require('bpg-nino-elite');
const imageArray = fs.readFileSync('path/to/image.jpg');
const bpgEncoder = new BpgEncoder();
const encodingData = bpgEncoder.encode(imageArray);
fs.writeFileSync('path/to/image.bpg', encodingData);这里，我们首先引入包，然后使用 fs 模块读入图片文件。接着，我们实例化 BpgEncoder 类，并使用其 encode() 方法对图片进行编码。最后，我们将编码后的数据写入本地的 BPG 文件中。
API
bpg-nino-elite 还提供了一些其他的 API。这些 API 可以满足不同的需求，如获取编码后的图片数据、获取原始图片宽高等等。
constructor()
该方法用于创建一个 BpgEncoder 实例。我们可以通过该实例对图片进行编码。
encode(data: Buffer, format?: string)
该方法用于编码图片。其中，data 参数为需要进行编码的图片二进制数据，format 参数可以指定输出的图片格式，默认为 bpg 格式。该方法将返回编码后的图片数据。
encodeSync(data: Buffer, format?: string)
该方法与 encode() 方法作用相同，用于编码图片，只不过该方法是同步的。
getInfo(data: Buffer)
该方法用于获取编码前的图片信息，包括图片宽高等等。其中，data 参数为图片的二进制数据。该方法将返回一个包含图片信息的对象。
getInfoSync(data: Buffer)
该方法与 getInfo 方法作用相同，只不过该方法是同步的。
示例
下面是一个完整的使用 bpg-nino-elite 的示例代码：
-- -------------------- ---- ------- ----- ---------- - -------------------------- ----- -- - -------------- -- ------ ----- ---------- - ------------------------------------- -- --- ---------- -- ----- ---------- - --- ------------- -- ---- ----- ------------ - ------------------------------ -- ----------- ------------------------------------- -------------- -- ---------- ----- --------- - ------------------------------- ----------------------- -- --- - ------ ---- ------- ---- ----------- ------ --------- ----- - --
结语
bpg-nino-elite 为我们的前端开发工作提供了很大的便利。在实际使用中，我们可以根据实际需求选择不同的 API 进行调用，以达到最佳的图片压缩效果。希望该教程对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c86ccdc64669dde4f41