我正在尝试使用cloudary来获得优化的图像,作为占位符,我想要一个模糊的图像。如果图像在我的根媒体文件夹中,这是没有问题的,看看这个url的例子:https://res.cloudinary.com/dvghwblv8/image/upload/e_blur: 2000年,f_webp/sample.jpg
然而,如果我想在我的一个文件夹中的图像应用效果,我得到一个404:https://res.cloudinary.com/dvghwblv8/image/upload/q_auto f_webp e_blur: 1000/样本/景观/landscape-panorama
注意,一旦我删除我的效果,我得到我的图像:https://res.cloudinary.com/dvghwblv8/image/upload/q_auto f_webp/样本/景观/landscape-panorama
为什么我不能对文件夹中的图像应用效果?
通常,当cloudary返回由于图像/视频或URL存在问题而无法加载的图像/视频URL错误时,它们将返回一个HTTP头,其中包含有关请求失败原因的更多信息。
对于返回图像但有警告的请求,例如当发送默认图像占位符而不是请求的图像时,它们也返回此头。
此信息在x-cld-error
标头中发送,您可以通过使用浏览器的web开发人员工具来检查未正确加载的图像的请求和响应来查看该值。
在当前的情况下,具体的错误是:
Maximum image size is 25 Megapixels. Requested 25.62 Megapixels
错误返回为输出图像的尺寸(10,906px × 2,349px -(这是原始图像的尺寸,因为您的URL中没有要求调整大小)-包含比您的帐户限制更多的百万像素。
你可以通过对你的图像应用一些调整大小的转换来绕过这个错误,这将减少输出的百万像素总数。您不仅希望这样做以避免这个问题,而且还因为交付如此大的图像将导致以字节计的大输出图像,然后对每个请求计算cloudary中的带宽配额—例如,q_auto,f_webp
在原始图像尺寸下几乎是3MB。
例如,您可以要求cloudary将图像scale
为2000像素宽度(通过添加c_scale
和w_2000
),如下所示,然后您的模糊图像将生成并返回:https://res.cloudinary.com/dvghwblv8/image/upload/c_scale, q_auto f_webp e_blur: 1000年,w_2000/样本/景观/landscape-panorama
上面调整大小的版本也只有14.4KB大小,相同的w_2000版本,没有e_blur,它是115KB -远小于仅使用q_auto,f_webp和原始(10,906x2,349)尺寸时的3MB图像。