很强大,图片转ico库,也可以转换各种图像格式

大家好我是辉子,遇到有用的东西就记录下来,也希望和您成为朋友。关注 公众号: 【罗米笔记】,有更好的笔记会及时更新,

昨天想找下直接在js转ico的库,以后用到项目中,就发现了这个,记录下来留着使用

Sharp库是一个用于处理图像的Node.js库,它提供了一组功能强大且易于使用的API,可以用于读取、写入和转换各种图像格式。Sharp库支持多种常见的图像格式,包括JPEG、PNG、GIF、BMP等,并且可以在不损失质量的情况下对图像进行缩放、旋转、裁剪等操作。此外,Sharp库还支持流式处理,可以在处理大型图像时节省内存。总之,Sharp库是一个非常实用的Node.js图像处理库,可以帮助开发者轻松地完成各种图像处理任务。

是在nodejs环境中使用,主要用在服务器端,可以使用nest进行测试 用法: npm install sharp

js 复制代码
// 转换图片格式并设置大小, 可以转换成多种图片格式 。
const inputImagePath = '/Users/wanghui/Desktop/test/images/1.png';
const outputIcoPath = './1.jpg';
const sharpImage = sharp(inputImagePath);
const resizeImage = sharpImage.resize(200, 200);
await resizeImage.toFile(outputIcoPath);
js 复制代码
// 通过这样的方式进行转化 
const transformer = sharp()
  .resize(200)
  .on('error', function (err) {
    console.log(err);
  });

const readableStream = fs.createReadStream(inputImagePath);
const writableStream = fs.createWriteStream(outputIcoPath);
readableStream.pipe(transformer).pipe(writableStream);
js 复制代码
// 输入生成的图片,buffer格式,可以转成base64输出
await sharp({
  // Create a 300x200 RGBA image with a red background
  create: {
    width: 300,
    height: 200,
    channels: 4,
    background: { r: 255, g: 0, b: 0, alpha: 0.5 },
  },
})
  // Use PNG format
  .png()
  // Convert to a buffer
  .toBuffer();
js 复制代码
// 转化gif为webp
await sharp('./2.gif', { animated: true }).toFile('out.webp');
js 复制代码
// 生成图片
const input = Uint8Array.from([255, 255, 255, 0, 0, 0, 255, 255, 0]); // or Uint8ClampedArray
const image = sharp(input, {
  // because the input does not contain its dimensions or how many channels it has
  // we need to specify it in the constructor options
  raw: {
    width: 3,
    height: 1,
    channels: 3,
  },
});
await image.toFile('./my-two-pixels.png');
js 复制代码
// 生成文字图片
await sharp({
  text: {
    text: `<span foreground="red">Red!</span><span background="cyan">blue</span>`,
    font: 'sans',
    rgba: true,
    dpi: 300,
  },
}).toFile('text_rgba.png');

当然还有很多的用法及参数。可以参照官网。这个适合做工具类的图片转换,当然也可以用到其他的场景中,就看是怎么使用了

github: github.com/lovell/shar...

相关推荐
m0_738120729 分钟前
应急响应——知攻善防Web-3靶机详细教程
服务器·前端·网络·安全·web安全·php
章豪Mrrey nical6 小时前
前后端分离工作详解Detailed Explanation of Frontend-Backend Separation Work
后端·前端框架·状态模式
派大鑫wink7 小时前
【JAVA学习日志】SpringBoot 参数配置:从基础到实战,解锁灵活配置新姿势
java·spring boot·后端
程序员爱钓鱼7 小时前
Node.js 编程实战:文件读写操作
前端·后端·node.js
xUxIAOrUIII7 小时前
【Spring Boot】控制器Controller方法
java·spring boot·后端
PineappleCoder7 小时前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
Dolphin_Home7 小时前
从理论到实战:图结构在仓库关联业务中的落地(小白→中级,附完整代码)
java·spring boot·后端·spring cloud·database·广度优先·图搜索算法
zfj3217 小时前
go为什么设计成源码依赖,而不是二进制依赖
开发语言·后端·golang
weixin_462446237 小时前
使用 Go 实现 SSE 流式推送 + 打字机效果(模拟 Coze Chat)
开发语言·后端·golang
JIngJaneIL8 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端