我遵循了这篇文章:http://imageresizing.net/blog/2013/effortless-responsive-images。
我的图像存储在CDN上,在安装了所有nuget软件包之后,我调整了工作量,但我遇到的问题是我必须添加style =" max-width:100%&# 34;对大多数图像。
另外,我有一个页面,其中相同的图像出现在多个点,我猜想Image Resizer认为这些点应该包含不同大小的图像,所以它下载了3个不同的版本,这有点打败了目的。这是它应该如何自然地工作?
例如,我在页面上有imageA.png,它可能位于顶部,中间和底部。 Image Resizer正在为每个部分下载不同的版本。
在srcset中使用imageresizer的最佳方法是什么?我似乎无法找到任何东西。
如果我使用DiskCache插件,它会将图像提供给请求相同大小的其他用户,还是只针对请求它的当前用户?
答案 0 :(得分:1)
我会试着打破你的4个问题。
对大多数图像style =“max-width:100%”
像img {max-width:100%}
这样的CSS可以全局执行此操作。默认情况下,此规则存在于许多主题/框架中。
如果图像出现在多个位置,并且这些位置需要不同尺寸/裁剪版本的图像,则会有多个请求。这就是它应该如何工作。
ImageResizer会响应像“image.jpg?width = 100”这样的网址,就像正常使用srcset时那样使用这些网址。 Here's the webkit demo
DiskCache不是每个用户。它是一个全局缓存。它在从缓存服务之前重新应用授权规则。