Bilder sollten nicht grunds\u00e4tzlich per Browser verkleinert oder vergr\u00f6\u00dfert 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\u00fcgen soll. Hier werden Bilder f\u00fcr kleinere Bildschirmaufl\u00f6sungen schnell zu gro\u00df und schieben sich ohne Justierung in die sidebar. Als Alternative bleibt in diesen F\u00e4llen dann meist nur die Bilder nach dem kleinsten gemeinsamen Nenner zu bemessen. Das aber wiederum sieht bei gr\u00f6\u00dferen Bildschirmen auch nicht sehr nett aus. Oder ein weiterer Fall: Ein flexibles Layout mit Spalten. Werden hier Bilder eingef\u00fcgt, f\u00fcllen sie bei gr\u00f6\u00dferen Bildschirmen oft nicht die ganze Spaltenbreite b\u00fcndig aus und es entsteht rechts eine motivationlose L\u00fccke. Rand. Aus diesem Grund bin ich mit der Methode Bilder \u00fcber 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\u00f6\u00dfe in einer relativen Einheit anzugeben, denn er berechnet die Vergr\u00f6\u00dferung\/Verkleinerung NICHT proportional und kommt zu unsch\u00f6nen Verzerrungen.<\/p>\n
Vermeiden l\u00e4sst dich das jedoch durch ein kleines Snippet in der .css Datei: Gefunden bei: css-tricks.com \"ie-fix-bicubic-scaling-for-images\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Bilder sollten nicht grunds\u00e4tzlich per Browser verkleinert oder vergr\u00f6\u00dfert 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\u00fcgen soll. Hier werden Bilder f\u00fcr kleinere Bildschirmaufl\u00f6sungen schnell zu gro\u00df und … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[302,365,366,367,368,369,14,143,220],"yst_prominent_words":[],"class_list":["post-1368","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-ie","tag-bilder-vergrosern","tag-bilder-verkleinern","tag-css-tricks","tag-image-resizing","tag-webtechnik","tag-webdesign-2","tag-css-xhtml","tag-internet-explorer"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1368"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1368\/revisions"}],"predecessor-version":[{"id":4017,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1368\/revisions\/4017"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1368"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nimg { -ms-interpolation-mode: bicubic; }<\/img><\/p>\n