我正在使用 Cloudinary 的 javascript / node.js 库使用各种方法(缩放、裁剪、适合等)生成调整大小的图像。
该库根据指定的转换选项返回一个 url,但是 -
在加载之前我不知道图像的大小,并且因为图像是用户创建的内容,并且可以是不同的纵横比或小于显示的最大尺寸,所以尺寸不一定是我的已在选项中指定。
虽然您可以使用img
带有值的标签src
,alt
但您实际上也应该指定width
and height
,否则它会减慢 HTML 页面的呈现速度(要么在布局之前等待图像加载,要么在加载图像时重新调整布局,具体取决于浏览器和其他因素)。
由于 Cloudinary 知道原始图像尺寸和用于生成调整大小图像的算法,因此可以检测调整大小图像的最终宽度和高度是有道理的,但我不知道如何使用任何可用的库。
是否有我错过的功能、存在的库或已完成此操作的示例?