Inzwischen ist die Browser-Unterstützung dafür besser geworden, so dass man diesen Html-Tag auch eher einsetzen kann.
Code: Alles auswählen
<picture>
<source media="(min-width: 300px)" srcset="img_small.jpg">
<source media="(min-width: 600px)" srcset="img_middle.jpg">
<source media="(min-width: 900px)" srcset="img_large.jpg">
<img src="img.jpg" alt="Dingens" style="width:auto;">
</picture>
Der CMS-Teaser kann aber nur jeweils ein Bild bearbeiten und in den Cache legen.
Wenn die Möglichkeit bestünde, dort anzugeben dass er mehrere Größen aus den Bildern machen soll und denen einfach einen Suffix mit small, medium, large angehängt wird, dann könnte man das im Template gut so einbauen.
Das <img>-Tag mit "img.jpg" wäre dann das Standardbild, meistens das größte, für alle Fälle.