ImageResizer 多次下载图像?

ImageResizer downloads an image multiple times?

我关注了这篇文章:http://imageresizing.net/blog/2013/effortless-responsive-images

我的图像存储在 CDN 上,在安装所有 nuget 包后,我可以调整大小以工作,但我 运行 遇到的问题是我必须将 style="max-width:100%" 添加到大多数图片。

另外,我有一个页面,其中相同的图像出现在多个位置,我猜 Image Resizer 认为这些位置应该包含不同尺寸的图像,所以它下载了 3 个不同的版本,这有点违背了目的。这是它应该如何自然地工作吗?

例如,我在一个页面上有 imageA.png,它可能位于顶部、中间和底部。 Image Resizer 正在为每个部分下载不同的版本。

将 imageresizer 与 srcset 一起使用的最佳方法是什么?我似乎在上面找不到任何东西。

如果我使用 DiskCache 插件,它会向请求相同大小的其他用户提供图像,还是只为请求它的当前用户提供图像?

我会尝试分解你的 4 题。

style="max-width:100%" to most of the images

CSS 就像 img {max-width:100%} 一样可以在全球范围内执行此操作。许多 themes/frameworks 中默认存在此规则。

如果一张图片出现在多个地点,而这些地点需要不同的 sized/cropped 个版本的图片,则会有多个请求。这就是它应该如何工作的。

ImageResizer 响应 "image.jpg?width=100" 之类的 URL,只需像正常使用 srcset 一样使用这些 URL。 Here's the webkit demo.

DiskCache 不是针对每个用户的。它是一个全局缓存。它会在从缓存提供服务之前重新应用授权规则。