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

Question

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

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

在加载之前我不知道图像的大小，因为图像是用户创建的内容，并且可以是不同的纵横比或小于显示的最大尺寸，所以尺寸不一定是我在选项中指定的内容。

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

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

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

Answer 1

在上传过程中，您可以跟踪上传图像的尺寸，然后在显示图像时计算预期尺寸。尺寸在对上传请求的响应中给出。见Node.js server side upload。

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