Bildgrößen definieren völlig irrational in Contao

[Glumanda]

Die Rede ist von `srcset` Attribut samt `sizes`. Das <picture> Element interessiert mich nicht und ist in 90% der Fällen völlig für die Fisch und rentiert sich schon allein vom Aufwand her nicht, wichtige Teile eines Bildes zu markieren, zumal ich ungern verschiedene Bildausschnitte ausgeben will. Ich habe mehrere unterschiedliche Bilder die in ihrer Auflösung variieren. Wenn man bei den Bildgrößen das Feld "Breite" und "Höhe" nicht ausfüllt, wird garkein `srcset` Attribut ausgegeben sondern nur das `sizes` Attribut. WTF, srsly? Wer denkt sich bitte so einen Mist aus? Das eine ist ohne dem anderen völlig umsonst. Wenn man bei Breite und Höhe was eingibt, werden alle Bilder unabhängig von ihrer Auflösung auf diese Werte zugeschnitten. Selbst Bilder die eine niedrigere Auflösung besitzen werden groß gezogen. Selten so einen Schmarrn gesehen. Wozu soll man bitte diese Breite und Höhe angeben, wenn der Browser selber durch sizes und srcset bestimmt welches Bild verwendet wird. Contao ist voll von diesen irrationalen Kinderkrankheiten und Wehwehchen, siehe #8022, #8222.


Fazit: Kann Contao für dieses Projekt nicht verwenden, da es offensichtlich nicht vernünftig in der Lage ist mit responsive Bildern umzugehen.

[bjarke]

Der Ton macht die Musik.

[Spooky]

Die Rede ist von `srcset` Attribut samt `sizes`. Das <picture> Element interessiert mich nicht und ist in 90% der Fällen

Ob dich das interessiert oder nicht ist irrelevant. Das <picture> Element ist ein Feature von HTML5 und daher kannst du auch in Contao (seit Contao 3.4) solche responsive image sets definieren.

rentiert sich schon allein vom Aufwand her nicht, wichtige Teile eines Bildes zu markieren

Der "wichtige Teil" ist nicht nur für responsive image sets relevant, sondern auch für den Standard Bildbearbeitungsmodus "Wichtiger Teil". Wenn du ein Bild auf ein bestimmtes Seitenverhältnis beschneiden lässt (unabhängig von sizes, srcset und <picture>), dann kannst du mit dem "wichtigen Teil" sicherstellen, dass eben dieser wichtige Teil (bspw. Köpfe in einem Gruppenbild von Menschen oder einem Portrait) nicht beschnitten wird.

zumal ich ungern verschiedene Bildausschnitte ausgeben will.

Ein in der heutigen Zeit wichtiger Use-Case sind zB Bilder, die in der Desktop Variante Widescreen sind - aber in der mobilen Variante würde das keinen Sinn mehr machen, da das Bild dann ja viel zu klein werden würde. Daher gibt man hier üblicherweise ein ganz anderes Seitenverhältnis für die mobile Variante aus und mit dem "wichtigen Teil" steuerst du, dass die zentrale Bildinformation nicht beschnitten wird.

Wenn man bei den Bildgrößen das Feld "Breite" und "Höhe" nicht ausfüllt, wird garkein `srcset` Attribut ausgegeben sondern nur das `sizes` Attribut. Wenn man bei Breite und Höhe was eingibt, werden alle Bilder unabhängig von ihrer Auflösung auf diese Werte zugeschnitten.

Hm, das heißt, das was du im Prinzip haben möchtest ist, dass du sizes und srcset unabhängig von der Zielgröße eingeben kannst - aber das Ergebnis eben abhängig von der Ausgangsgröße des Originalbildes ist. Sprich, Breite & Höhe (bzw. Zielbreite und -höhe) soll sich automatisch aus der Originalgröße des Quellbildes ergeben - ohne dass du selbst eine Zielbreite oder -höhe angeben musst.

Das hört sich prinzipiell sinnvoll an und wäre wohl einen Feature Request auf GitHub Wert.

Moderation: du musst deinen Umgangston ändern, um weiter in diesem Forum posten zu können.

[mlweb]

Fazit: Kann Contao für dieses Projekt nicht verwenden, da es offensichtlich nicht vernünftig in der Lage ist mit responsive Bildern umzugehen.

Es hindert Dich keiner dran HTML-Code in Contao zu verwenden oder auch custom-content-elements zu nutzen, die Deine Bedürfnisse abdecken. Vielleicht hast Du eine Superlösung um die vielfältigen Möglichkeiten von responsiven Bildern in Contao zu implementieren, dann lass und doch alle daran teilhaben.

[Glumanda]

Wow, noch ein irrationales Schmankerl gefunden: srcset wird nur augegeben, wenn auch bei Pixeldichte/Skalierungsfaktor etwas eingegeben ist. Macht total viel Sinn /s Ich frage mich ernsthaft ob das wirklich wer verwendet geschweige denn getestet hat oder ob dieses Feature nur zum Schein dabei ist.

EDIT: Hier nochmal eine ausführliche Zusammenfassung für alle Verblendet_Innen und Fangrils.

Man nehme an

a)
Breite: 2000
Hoehe: 2000
Sizes: (max-width: 639px) 50vw, 33vw
Skalierung: 1x, 1.5x, 2x

<img src="assets/images/9/lmao.jpg" srcset="assets/images/7/lmao-dd52ef77.jpg 1446w, assets/images/b/lmao-fb6e37cb.jpg 2169w, assets/images/f/lmao-135af70f.jpg 2892w" sizes="(max-width: 639px) 50vw, 100vw" alt="lmao.jpg">

Das kleinste Bild ist 1446 Pixel breit. Die Sinnhaftigkeit davon ist mir ein Rätsel? Soll ich Philosophie studieren?

b)
Breite: 1
Hoehe 1
Sizes: (max-width: 639px) 50vw, 33vw
Skalierung: 1x, 1.5x, 2x

<img src="assets/images/8/lmao-0f42b418.jpg" srcset="assets/images/8/lmao-0f42b418.jpg 1w" sizes="(max-width: 639px) 50vw, 100vw" alt="lmao.jpg">

Das kleinste Bild ist 1 Pixel breit. Es werden keine anderen Bildegrößen erzeugt.

c) wie oben, keine Angabe bei Skalierung/Pixeldichte -> keine Ausgabe von srcset


Gratulation an den größten PR in der Geschichte von Contao!!!

[Andreas]

Dieses Video hier klärt sehr gut, was dieses Feature macht, wozu es da ist und wie es zu benutzen ist:
https://www.youtube.com/watch?v=ub8yROSQyQ4

[Spooky]

Wow, noch ein irrationales Schmankerl gefunden: srcset wird nur augegeben, wenn auch bei Pixeldichte/Skalierungsfaktor etwas eingegeben ist. Macht total viel Sinn /s Ich frage mich ernsthaft ob das wirklich wer verwendet oder ob dieses Feature nur zum Schein dabei ist.

Kann ich bestätigen. Das könntest du als Bug auf GitHub reporten.

[lucina]

Moderation: Bist Du jetzt hier im Forum, um zu verstehen, wie responsive Bilder in Contao implementiert sind, oder möchtest Du nur Dein Mütchen kühlen? Im letzteren Fall habe ich keinerlei Probleme damit, Deinen Account zu entfernen.

Mit der Registrierung hast Du unsere Forenregeln akzeptiert. Vielleicht liest Du sie noch einmal durch und entscheidest dann, ob Du Dich hier konstruktiv einbringen möchtest - oder eben nicht.

Beste Grüsse,
Carolina vom Forenteam

[Glumanda]

Ich versuche es zu verstehen, aber die total irrationale Logik dahinter macht es unmöglich sich ernsthaft mit diesem "Feature" auseinander zusetzen.

[Spooky]

Nichts an der Logik ist irrational. Und wie schon beschrieben gibt es einen Punkt, den du als Feature Request posten kannst und einen anderen Punkt, den du als Bug reporten kannst.

[savuti]

Ich versuche es zu verstehen, aber die total irrationale Logik dahinter macht es unmöglich sich ernsthaft mit diesem "Feature" auseinander zusetzen.

Und ich versuche gerade dich zu verstehen, aber dieser unmögliche Ton macht es unmöglich sich ernsthaft mit diesen "Problemen" auseinander zusetzen.

Der Fuchs ist schlau und stellt sich dumm, bei manchen ist es andersrum...

[mandrake]

Zitat: “Der Fuchs ist schlau und stellt sich dumm, bei manchen ist es andersrum..

LOL - der ist gut, kannte ich noch nicht!