2016-07-28 74 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不是每個用戶。它是一個全局緩存。它在從緩存服務之前重新應用授權規則。