Bikubisches Skalieren von Bildern im IE

Bilder sollten nicht grundsätzlich per Browser verkleinert oder vergrößert werden – so viel ist klar. Dennoch: es gibt hin- und wieder Ausnahmen, bei denen ich es doch getan habe. Insbesondere bei Webseiten mit einer Fotogalerie, die sich z.B. in ein bestehendes zweispaltiges Design einfügen soll. Hier werden Bilder für kleinere Bildschirmauflösungen schnell zu groß und schieben sich ohne Justierung in die sidebar. Als Alternative bleibt in diesen Fällen dann meist nur die Bilder nach dem kleinsten gemeinsamen Nenner zu bemessen. Das aber wiederum sieht bei größeren Bildschirmen auch nicht sehr nett aus. Oder ein weiterer Fall: Ein flexibles Layout mit Spalten. Werden hier Bilder eingefügt, füllen sie bei größeren Bildschirmen oft nicht die ganze Spaltenbreite bündig aus und es entsteht rechts eine motivationlose Lücke. Rand. Aus diesem Grund bin ich mit der Methode Bilder über den Browser zu skalieren (in bescheidenem Umfang) nicht so arg verfeindet. Allerdings muss man dabei aufpassen, denn beim IE reicht es nicht nur eine Größe in einer relativen Einheit anzugeben, denn er berechnet die Vergrößerung/Verkleinerung NICHT proportional und kommt zu unschönen Verzerrungen.

Vermeiden lässt dich das jedoch durch ein kleines Snippet in der .css Datei:
img { -ms-interpolation-mode: bicubic; }

Gefunden bei: css-tricks.com "ie-fix-bicubic-scaling-for-images"