您如何检测云调整大小(比例/拇指/等）图像的大小

How do you detect the size of a cloudinary resized (scale / thumb / etc) image?

本文关键字：比例图像拇指调整何检测检测更新时间：2023-09-26

我正在使用Cloudinary的javascript/node.js库使用各种方法（缩放，裁剪，适合等）生成调整大小的图像。

该库根据指定的转换选项返回一个 url，但是 -

在加载图像之前，

我不知道图像的大小，并且由于图像是用户创建的内容，并且可以具有不同的纵横比或小于显示的最大大小，因此大小不一定是我在选项中指定的大小。

虽然您可以使用仅具有src和alt值的img标签，但实际上您还应该指定width和height，否则它会减慢 HTML 页面的呈现速度（在布局之前等待图像加载或在加载图像时重新计算布局，具体取决于浏览器和其他因素）。

由于 Cloudinary 知道原始图像尺寸和用于生成调整大小的图像的算法，因此可以检测到调整大小的图像的最终宽度和高度是有道理的，但我无法使用任何可用的库来弄清楚如何做到这一点。

是否有我错过的功能、存在的库或已完成此操作的示例？

在上传过程中，您可以跟踪上传图像的尺寸，然后在显示图像时计算预期尺寸。尺寸在对上传请求的响应中给出。请参阅节点.js服务器端上传。

或者，您可以使用预先转换，在

响应中获取转换后图像的尺寸，存储该数据，并在显示图像时使用它。