我正在开发一个应用程序，它可以从网页中获取 HTML 并查看 HTML 中的图像，这些图像可以被压缩和调整大小。
我可以在节点中完成第一部分没有问题，在这里使用 Sharp：
https://www.npmjs.com/package/sharp
当然，我也可以在这里调整同一张图片的大小。我只是不知道要使用什么尺寸。我不希望一个小图像放大等等。
我可以使用我开始使用的 HTML 以某种方式检测屏幕上图像的大小吗？
提前致谢。
编辑：
如有任何混淆，我们深表歉意。我需要知道页面上显示的图像有多大。因此，图像可能是 400x400，但 css 可能会将其限制为 200x200。
如果我有一张大图片 (1000x1000)，但它只在 500x500 的屏幕上显示，我知道它是调整大小的理想选择。
我只是不确定如何根据它的 css 尺寸调整大小。
【问题讨论】：
标签： node.js image-compression sharp
我认为在 Sharp 中有一个 metadata 函数可以让您访问图像元数据，例如格式、宽度、高度等
例子：
const image = sharp(inputJpg);
image.metadata().then(function(metadata) {
// print image width and height
console.log({
width: metadata.width,
height: metadata.height
});
});
【讨论】：
img.clientWidth 和img.clientHeight 来检测其渲染尺寸（see here）。从源代码中执行此操作可能会更困难，因为某些图像可能具有动态尺寸 - 例如，如果有人使用width: 50%，则图像大小会根据浏览器窗口大小而变化。
在夏普库中，
您可以从此文档中获取维度： http://sharp.dimens.io/en/stable/search.html?q=dimension
希望对你有所帮助。
const sharpImage = sharp('test/test.jpg');
image.metadata().then(function(metadata) {
console.log(metadata);
});
【讨论】：