在前端开发中，图片处理是一个必不可少的部分。而npm上的image-size-stream包，能够帮助我们获取图片的尺寸信息，同时避免了图片完全加载到客户端的问题。
使用方法
首先，我们需要安装image-size-stream包，可以使用npm命令行安装：
npm install image-size-stream
接着，我们需要引入这个包：
const sizeOf = require('image-size-stream');在引入后，就可以使用这个包的方法获取图片的尺寸信息了：
const request = require('request');
const sizeOf = require('image-size-stream');
request.get('https://example.com/image.jpg').pipe(sizeOf((err, dimensions) => {
console.log(dimensions.width, dimensions.height);
}));在这个例子中，我们通过request工具获取了一个jpg格式的图片，并通过pipe方法将其传递给sizeOf函数。sizeOf函数的回调参数包含了图片的宽度和高度信息。
除此以外，我们还可以通过链式调用的方式将sizeOf包装在流中，以便于更加灵活的使用。
request.get('https://example.com/image.jpg')
.pipe(sizeOf())
.on('size', dimensions => console.log(dimensions.width, dimensions.height));在这个例子中，我们通过on函数在sizeOf的流中添加了一个事件监听，当获取到图片的尺寸信息时，就会触发这个事件并传递这个信息。
深入学习
尽管使用image-size-stream能够帮助我们解决一些问题，但是对于深入的学习，我们还需要了解一些关于图片尺寸的知识。
图片尺寸
图片的尺寸通常是以像素（px）为单位来表示的，通常使用宽度和高度两个值来表达。通常，宽度指定图片的横向长度，高度指定图片的纵向长度。
图片分辨率
图片的分辨率意味着每英寸中包含了多少像素。通常，分辨率越高，图片质量越好。但是，分辨率越高，图片文件的大小也会越大。
图片压缩
图片压缩是指使用一些算法将图片文件尺寸大小优化的过程。通常，图片压缩有损和无损两种方式。
指导意义
使用image-size-stream，能够帮助我们获取图片的尺寸信息，这对于前端开发来说是非常有用的。可以让我们在处理一些图片的时候，更加方便地去做一些优化处理。
此外，理解图片尺寸、分辨率以及压缩等相关概念，不仅能够更加深入地理解图片的处理过程，还能够让我们有更多的选择去优化我们的开发。
示例代码
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ----------------------------- -------------------------------------------------------------- ----------- -- - ----------------------------- ------------------- ---- -------------------------------------------- --------------- ----------- ---------- -- ----------------------------- --------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/image-size-stream