4.4.46 responsive images funktioniert nicht mehr
Seit dem Update auf 4.4.46 funktioniert bei mindestens zwei Webauftritten (hab noch nicht alle durch) die responsive images Bildanpassung nicht mehr.
Es wird auch in großen Fenstern das kleine Bild angezeigt.
Das hab ich bei »Theme / Bildgrößen« eingetragen:
Bildgröße: 760
Sizes-Attribut:
(max-width: 760px) 760px, (min-width:761px) 1140px
Pixeldichte/Skalierungsfaktor:
1x, 1.5x
Das Image-Polyfill wird nach wie vor geladen.
Wenn ich Bildgröße 1140 eingebe, bekomme ich zwar in großen Fenstern 1140px breite Bilder gezeigt, aber es wird in kleinen Fenster kein kleines Bild erzeugt. Somit werden immer die großen Bilddateien übertragen und das soll ja nicht sein.
Weiß jemand Rat?
Liste der Anhänge anzeigen (Anzahl: 1)
Ach stimmt, das ist das andere Projekt mit dem gleichen Problem
Bildgröße 780px und 1170px sollte es sein
Anhang 23030
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo Leute,
ich würde dieses Thema gern noch einmal ausgraben, da es mir gerade untergekommen ist.
Folgende Diskussion habe ich auch schon gelesen: https://github.com/contao/contao/issues/937
Das Sizes-Attribut in den Bildgrößen verwende ich nicht, height und width: auto lösen auch mein Problem.
Aber ich habe über die Media-Queries verschiedene Bildgrößen angelegt, welche sich auch im Seitenverhältnis unterscheiden. Klar ist mir auch die height und width Angabe im <img> Tag, die stehen ja auch richtig im Source-Set. Im <img> Tag stehen aber immer die Original-Abmessungen oder die Angaben aus der Bildgröße. Aber nicht die aus den Media-Queries.
Anhang 24704
ohne CSS:
HTML-Code:
img{
height:auto;
width:auto;
}
wird das kleine Bild dann in die Dimensionen des Originals gezerrt... ist das so gedacht?