2016-07-28 75 views
0

我关注此文章:http://imageresizing.net/blog/2013/effortless-responsive-imagesImageResizer多次下载图像?

我的图像存储在CDN中,安装完所有nuget包后,我调整了大小,但遇到的问题是我必须在大部分时间添加style =“max-width:100%”图像。

此外,我有一个页面,其中相同的图像出现在多个景点,我猜Image Resizer认为这些景点应该包含不同大小的图像,因此它会下载3种不同的版本,这些都会影响目的。这是应该如何自然地工作?

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

与srcset一起使用imageresizer的最佳方式是什么?我似乎无法找到任何东西。

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

+0

> style =“max-width:100%”to the most of the images 如果图像出现在多个位置,并且这些位置需要图像的不同大小/裁切版本,则会有多个请求。这是它应该如何工作的。 DiskCache不是每个用户。它是一个全局缓存。它在从缓存服务之前重新应用授权规则。 –

回答

1

我会尽量分解你的4个问题。

风格= “最大宽度:100%”,以最图像

CSS像img {max-width:100%}的可以在全球做到这一点。此规则在许多主题/框架中默认存在。

如果图像出现在多个位置,并且这些位置需要图像的不同大小/裁切版本,则会有多个请求。这是它应该如何工作的。

ImageResizer对像“image.jpg?width = 100”这样的URL作出响应只需像使用srcset时那样使用这些URL即可。​​。

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