在前端开发中，图片的体积很重要，不仅会影响网站或应用的加载速度，还会占用用户的流量，因此图片压缩一直是前端优化的一个重要环节。而 image-compress-tinify 是一个使用 Tinify API 将图片进行压缩的 npm 包，本文将介绍如何使用它来优化图片体积。
简介
image-compress-tinify 是一个简单易用的 npm 包，通过调用 Tinify API 实现将图片进行压缩。Tinify 提供免费的 500 次压缩服务，需要注册并获取 API Key。
安装
npm install image-compress-tinify
使用
在安装完 image-compress-tinify 后，可以通过如下方式来使用它：
-- -------------------- ---- -------
----- ------------- - ---------------------------------
-- -- ------ --- ---
----- ------ - -------------
------ -- -- -
--- -
----- ----------- - ----- --------------------- ------------ --------------
-------------------------
- ----- ----- -
-------------------- -----
-
-----API
image-compress-tinify 只提供了一个函数，它接收三个参数：
- apiKey（必填）：Tinify API Key
- sourceFile（必填）：待压缩的图片路径，支持 JPG 和 PNG 格式
- outputFile（必填）：压缩后保存的图片路径，与待压缩图片格式相同
下面是使用 image-compress-tinify 的一个完整示例：
-- -------------------- ---- -------
----- ------------- - ---------------------------------
----- ---- - ----------------
-- -- ------ --- ---
----- ------ - -------------
-- ------
----- ---------- - -------------------- -------------
-- -------
----- ---------- - -------------------- --------------
------ -- -- -
--- -
----- ----------- - ----- --------------------- ----------- ------------
-------------------------
- ----- ----- -
-------------------- -----
-
-----结论
通过使用 image-compress-tinify 可以轻松地将图片进行压缩，方便地进行前端优化。同时，需要注意 Tinify API Key 的使用次数，及时更新或扩充服务次数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c9181e8991b448d9fbd