npm 包 tin 使用教程

阅读时长 3 分钟读完

简介

tin 是一个开源的 JavaScript 库,提供了图片压缩和优化的功能。它的优点在于相对于其他库,它的压缩速度更快,并且支持透明度、亮度和色彩的优化,使得压缩后的图片清晰度更高。

安装

使用 tin 前,需要先安装它,你可以通过 npm 包管理器来安装,运行以下命令来安装:

安装完成后,你可以使用以下代码来引入:

使用

API Key

在使用 tin 之前,你需要先获取一个 API Key 来验证你的身份。你可以在 tin 的官网 https://tinypng.com/developers 申请一个免费的 API Key。

压缩图片

使用 tin 压缩图片非常简单,你可以使用以下代码来压缩图片:

其中,tinify.key 用来设置你申请的 API Key,tinify.fromFile() 方法用来打开要压缩的文件,tinify.toFile() 方法用来将压缩后的文件保存到指定的位置。

压缩 JPEG 和 PNG 图片

tin 支持压缩 JPEG 和 PNG 两种格式的图片。你可以使用以下代码来压缩 JPEG 和 PNG 格式的图片:

-- -------------------- ---- -------
---------- - ----- --- --- ------

-- -- ---- ----
----- ---------- - -------------------------------------
--------------------------------------------------

-- -- --- ----
----- --------- - -------------------------------------
-------------------------------------------------

压缩图片并指定输出质量

你可以使用 tinify.toFile() 的第二个参数来指定输出质量。输出质量的范围是 1 到 100,值越小,压缩后的图片质量越低。以下代码演示了如何指定输出质量:

上述代码指定了输出质量为 50。

总结

tin 是一个非常实用的图片压缩库,它可以帮助你快速地压缩和优化你的图片。在使用它之前,你需要获取一个 API Key,然后就可以使用 tinify.fromFile()tinify.toFile() 方法来压缩图片。如果你想指定压缩后的输出质量,可以使用 tinify.toFile() 的第二个参数来指定。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f2ca9ea3b0ab45f74a8bba1

纠错
反馈