Internet Explorer 11 – IE 11 Probleme Skalierung von Bildern – Darstellungsfehler

IE 11 hat leider ein sehr ekligen Bug der dazu führt, dass Bilder in misserabler Qualität skaliert werden. IE ist nicht in der Lage wie jeder(?) andere Browser kleinere Vorschaubilder zu generieren. Das ist im Zeitalter von responsive Design leider grausam.

Bild skaliert in z.B. Firefox, Chrome oder egal welcher andere Browser sieht wie folgt aus

Darstellung in FireFox

Darstellung in IE 11 von selbem Bild führt zu deutlichen Fehlern in der Darstellung.

Darstellung in IE 11

Es gab kurzzeitig einen Workarround.

img {

-ms-interpolation-mode: bicubic;

}

Diese wurde jedoch entfernt und funktionierte wohl nur für IE 6 und IE 9

ausführliche Infos dazu hier https://stackoverflow.com/a/11987735/1269047

Weiter sollte dieser Workarround funktionieren (was bei uns aber nicht der Fall ist)

img {
/* double desired size */
width: 1992px;
height: 1328px;

/* margins to reduce layout size to match the transformed size */
margin: -340px -340px -340px -340px;

/* transform to scale with smooth interpolation: */
transform: scale(0.5) rotate(0.1deg);
}

Die Rotation erfolgt, aber die Skallierungsfehler verschwinden nicht

Quelle (https://stackoverflow.com/a/45956086/1269047)

Lösung Skallierungsproblem bei IE11

Für IE 11 gibt es aktuell scheinbar keine(!) Möglichkeit Bilder korrekt zu verkleinern.

Die Lösung ist somit die Bilder genau in der Größe abzuspeichern. Oder etwas zu programmieren, was die Bilder serverseitig jeweils in der korrekten Größe ausliefert.

Sollte jedoch jemand auf die Idee kommen das Browserfenster vom IE11 zu verkleinern und sich die Seite normal responsive Verhalten (die  Bilder sich eben lfd anpassen auf die korrekte Device Größe), wird der Fehler dort auch auftreten und nicht lösbar sein...

Internet Explorer ist und bleibt einfach ein "sehr spezieller Browser"

Lösung gefunden?

Sollte es doch eine Lösung geben, die auch wirklich funktioniert, sehr gerne in die Kommentare(!)