ImageResizer lädt ein Bild mehrmals herunter?

Question

Ich folgte diesem Artikel: http://imageresizing.net/blog/2013/effortless-responsive-images.

Meine Bilder werden auf einem CDN gespeichert und nachdem ich alle nugget-Pakete installiert habe, habe ich die Größenanpassung an die Arbeit gebracht, aber das Problem war, dass ich den meisten von style = "max-width: 100%" hinzufügen musste die Bilder.

Auch ich habe eine Seite, wo das gleiche Bild an mehreren Stellen erscheint und ich denke, Image Resizer denkt, dass diese Spots unterschiedliche Größen des Bildes enthalten sollten, so dass es 3 verschiedene Versionen herunterlädt, die den Zweck besiegen. Soll das so natürlich funktionieren?

Als Beispiel habe ich imageA.png auf einer Seite und es kann in der oberen, mittleren und unteren sein. Image Resizer lädt für jeden Abschnitt eine andere Version herunter.

Was ist der beste Weg, um imageresizer mit srcset zu verwenden? Ich kann nichts darauf finden.

Wenn ich das DiskCache-Plugin verwende, werden damit Bilder an andere Benutzer geliefert, die die gleiche Größe anfordern oder nur für den aktuellen Benutzer, der sie anfordert?

Answer 1

Ich werde versuchen, Ihre Frage 4 Frage auseinander zu brechen.

style = "max-width: 100%", um die meisten der Bilder

CSS wie img {max-width:100%} kann dies global tun. Diese Regel ist in vielen Designs/Frameworks standardmäßig vorhanden.

Wenn ein Bild an mehreren Stellen angezeigt wird und diese Stellen unterschiedlich große/zugeschnittene Versionen des Bildes erfordern, werden mehrere Anforderungen angezeigt. So soll es funktionieren.

ImageResizer reagiert auf URLs wie "image.jpg? Width = 100" Verwenden Sie diese URLs wie bei der normalen Verwendung von srcset. Here's the webkit demo.

DiskCache ist nicht pro Benutzer. Es ist ein globaler Cache. Es wendet Autorisierungsregeln erneut an, bevor es aus dem Cache bereitgestellt wird.