简介
image-resizer-new-sharp 是一个基于 Sharp 库实现的 Node.js 图片压缩和处理工具,支持常见的图片格式转换、大小调整等功能,并且性能优异。
如何安装
使用 npm 包管理工具安装即可:
npm install image-resizer-new-sharp
或者在项目的 package.json 文件中添加依赖:
"dependencies": { "image-resizer-new-sharp": "^1.0.0" }
如何使用
使用 image-resizer-new-sharp 很简单,只需要引入库后调用相应的方法即可。
1. 压缩图片
const ir = require('image-resizer-new-sharp'); ir.compress(<input文件>, <output文件>, <压缩比例>);
其中:
<input文件>
:需要压缩的图片路径;<output文件>
:压缩后的图片输出路径;<压缩比例>
:取值范围在 0~100,值越大图片质量越好,文件大小也越大。
示例代码:
const ir = require('image-resizer-new-sharp'); ir.compress('./input.jpg', './output.jpg', 75); console.log('图片压缩完成!');
2. 裁剪图片
const ir = require('image-resizer-new-sharp'); ir.crop(<input文件>, <output文件>, <裁剪区域>);
其中:
<input文件>
:需要裁剪的图片路径;<output文件>
:裁剪后的图片输出路径;<裁剪区域>
:一个对象,包含裁剪区域的左上角坐标(x,y)和裁剪区域的宽度和高度(width,height)。
示例代码:
const ir = require('image-resizer-new-sharp'); ir.crop('./input.jpg', './output.jpg', { x: 0, y: 0, width: 100, height: 100 }); console.log('图片裁剪完成!');
3. 调整图片尺寸
const ir = require('image-resizer-new-sharp'); ir.resize(<input文件>, <output文件>, <调整尺寸>);
其中:
<input文件>
:需要调整的图片路径;<output文件>
:调整尺寸后的图片输出路径;<调整尺寸>
:一个对象,包含调整后的宽度和高度(width,height)以及像素密度(density),一般情况下都不需要指定密度,系统会自动根据设备进行调整。
示例代码:
const ir = require('image-resizer-new-sharp'); ir.resize('./input.jpg', './output.jpg', { width: 200, height: 200 }); console.log('图片尺寸调整完成!');
总结
本文介绍了 npm 包 image-resizer-new-sharp 的使用方法,包括图片压缩、裁剪和尺寸调整,这些功能都可以帮助前端开发者在项目中更方便地处理图片,提高网页性能。同时,也希望读者能够通过本文了解到 Node.js 图片处理的相关知识和技巧,提高自己的技术水平。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057cb481e8991b448ebfcd