Responsive Bilder mit unterschiedlichem Format je Breakpoint + Hi-Res-Anpassung?

Hallo!

A)
Ich möchte in Contao 4.9 je Breakpoint unterschiedliche Bilddateien mit unterschiedlichen Formaten über ein <img> ausgeben.
Das würde man ja im Quellcode normalerweise über <picture> lösen.

B)
Außerdem sollen je Breakpoint entsprechend der Pixel Density unterschiedlich große Varianten des jeweiligen Bildes geladen werden.
Dies für sich alleine ist ja in Contao-Bildgrößen bzw. srcset realisierbar.

Punkt A), also das tauschen der vom Redakteur auszuwählenden Bilder hat für mich Priorität. Punkt B zusätzlich in Kombination wäre nice to have.

Sehe ich es richtig, dass in Contao-Bildgrößen aber bei <picture> nur eine Ausschnittwahl (mit automatischem generieren des Bildes) und kein manuelles definieren von unterschiedlichen Bildern möglich ist?
Wie ist Eure best practise für dieses Szenario? Muss man das dann notfalls fest im Template einbauen?

Danke Euch!

Jogi

Zitat:

---

Zitat von jogiwebster

Sehe ich es richtig, dass in Contao-Bildgrößen aber bei <picture> nur eine Ausschnittwahl (mit automatischem generieren des Bildes) und kein manuelles definieren von unterschiedlichen Bildern möglich ist?

---

Korrekt, ja.

Zitat:

---

Zitat von Spooky

Korrekt, ja.

---

Ok, das ist schade.

Ich würde mich freuen, wenn jemand beschreibt, wie er es dann gelöst hat, dass unterschiedliche Bildformate je Breakpoint geladen werden.

Zitat:

---

Zitat von jogiwebster

Wie ist Eure best practise für dieses Szenario? Muss man das dann notfalls fest im Template einbauen?

---

Ich würde in dem Fall ein eigenes Inhaltselement erstellen, dass die Auswahl von zwei Bildern erlaubt und das <picture> im Template des Elements zusammenbauen.

Stimmt, das wäre eine Möglichkeit, danke.

Mir würde es auch ausreichen, wenn nur das Hauptbild vom Redakteur ausgewählt wird und ich dann die übrigen mit fixen Ergänzungen des Dateinamens z.B. "Dateiname-B1.jpg" und "Dateiname-B2.jpg" definiere.
Das müsste dann doch im Template eines normalen Text- oder Bild-Elementes machbar sein oder?
Wobei das wahrscheinlich Probleme mit den Bildpfaden gibt, weil Contao die internen Dateinamen ja bei Bildupload anpasst oder?

Zitat:

---

Zitat von ausi

Ich würde in dem Fall ein eigenes Inhaltselement erstellen, dass die Auswahl von zwei Bildern erlaubt und das <picture> im Template des Elements zusammenbauen.

---

Oder wir bauen's doch in den Core ein :D - aber wir werden vermutlich eine Extension irgendwann mal machen :)

Zitat:

---

Zitat von Spooky

Oder wir bauen's doch in den Core ein :D

---

Wär schon cool. Eine Lösung die möglichst unkompliziert ist und die reguläre Nutzung nicht stört.

Ja würde ich auch cool finden. Habe es bisher zwar nur selten gebraucht, aber für die Fälle ein absoluter Gewinn und ein weiteres Highlight mit dem Contao punkten könnte.