前言
目前互联网上的图片越来越多，很多网站和应用都需要使用大量的图片，然而图片的大小和质量却是一个问题，它们不仅会占用更多的存储空间，而且会导致网页加载速度过慢。优化图片大小和质量是前端工程师不可或缺的一项技能。在这里介绍一个非常实用的 npm 包：tinyjpg。
什么是 tinyjpg
tinyjpg 是一个可以压缩图片体积的 npm 包，它可以将图片体积减小 70%，而不会影响到图片质量。这个包非常容易使用，只需将目标图片上传到 tinyjpg 的网站，tinyjpg 会将图片压缩后，提供下载链接。
安装 tinyjpg
为了使用 tinyjpg，我们需要安装一个 node.js 运行环境，如果你没有安装，你可以到 node.js 官网 下载最新的版本。
接下来通过命令行安装 tinyjpg：
--- ------- -- -------
这个命令会全局地安装 tinyjpg，这意味着你以后在任何目录下都可以使用 tinyjpg 命令。
使用 tinyjpg
使用 tinyjpg 非常简单，只需执行以下命令：
------- --------
这个命令将使用默认设置压缩 test.jpg 图片，tinyjpg 会将图片压缩后，提供下载链接。如果你想将输出图片保存到其他目录下，可以添加一个参数：
------- -------- -- -----------
这个命令将使用默认设置压缩 test.jpg 图片，并将输出图片保存到 compressed 目录下。
配置 tinyjpg
如果你想使用自己的 tinyjpg API Key，可以在命令行添加一个参数：
------- -------- -- ------------
这个命令将使用你自己的 tinyjpg API Key 压缩 test.jpg 图片。
总结
通过使用 npm 包 tinyjpg，我们可以轻松地优化图片大小和质量，使网站加载速度更快，并节省存储空间。相信使用过 tinyjpg 后，前端开发者们将可以更好地完成图片压缩和优化的工作。
示例代码
以下代码是一个使用 tinyjpg 的示例：
----- ------ - ------------------
----- -- - --------------
---------- - ---------------
----------------------- ------------- ----- -
-- ----- ----- ----
---------------------------------------------- ----------- -
-- ----- ----- ----
------------------------------ ----------- ------------- -
-- ----- ----- ----
---------------------
---
---
---这个示例代码将压缩 test.jpg 图片，并将输出图片保存为 compressed.jpg 文件。小刘添加上下文
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600567f081e8991b448e4179