17
05

Bilder mit CSS skalieren und die Darstellung im Browser

Bilder mit CSS skalieren und die Darstellung im Browser

Viel­leicht dem ein oder ande­ren schon auf­ge­fal­len, möchte ich zukünf­tig mehr Bild­ma­te­rial ver­wen­den und auch die ein oder andere Illus­tra­tion. Eigent­lich war ich zuver­sicht­lich, die Bil­der grö­ßer als ich sie brau­che anzu­le­gen, um sie anschlie­ßend vom Brow­ser auf die end­gül­tige Größe her­un­ter­ska­lie­ren zu las­sen. Auch mit Blick in die Zukunft und immer grö­ßer und fei­ner wer­den­den Auf­lö­sun­gen bzw. Dis­plays, macht das mehr als Sinn. Aller­dings habe ich da wohl die Leis­tung aktu­el­ler Brow­ser über­schätzt.

Ver­schie­dene Brow­ser, ver­schie­dene Betriebs­sys­teme oder eine Kom­bi­na­tion aus bei­dem, füh­ren zu unter­schied­lichs­ten Ergeb­nis­sen. OSX arbei­tet mit sämt­li­chen Brow­sern sehr sau­ber. Ver­mut­lich greift Quartz hier ein und glät­tet das Bild. Windows-Systeme vari­ie­ren stark. Selt­sa­mer­weise arbei­tet Opera auf Windows-System sehr sau­ber und sticht hier Fire­fox und IE deut­lich aus.

Vergleich Bild-Skalierung im Browser

Im Bild zu sehen ein­mal Fire­fox auf dem Mac, ein­mal Win­dows PC. Wer da unsau­ber arbei­tet ist mir noch nicht ganz klar. Es scheint, dass sowohl Brow­ser als auch OS da ihre Fin­ger im Spiel haben. Bei nor­ma­len Fotos hält sich die feh­ler­hafte Dar­stel­lung in Gren­zen, bei sol­chen Vektor-Illustrationen jedoch, kommt es zu doch sehr häss­li­chen Trep­pen­ef­fek­ten. Ob Win­dows Vista ähnlich gut wie OSX arbei­tet kann ich lei­der nicht tes­ten. Ich habe eine Test-Seite mit 2 Bil­dern erstellt, zum Ver­glei­chen ver­schie­de­ner Browser/OS.

  • #1
  • Mi, 27. Februar 2008
  • Julian schrieb:

Ich habe dir eben mal fünf Bild­schirm­fo­tos unter Linux von die­ser Test­seite per E-Mail geschickt: Fire­fox, Kon­queror und Opera. Viel­leicht kannst du ja damit etwas anfan­gen. :-)

Viele Grüße, Julian

  • #2
  • Mi, 27. Februar 2008
  • Chris schrieb:

Sieht unter Vista kei­nen Deut bes­ser aus als unter XP.

M.E. ska­liert Opera die Bil­der selbst, wäh­rend Fire­fox das vom Betriebs­sys­tem machen lässt. Und das klappt je nach Sys­tem unter­schied­lich gut. :)

Kommentar schreiben
safari bug

Vorschau:

HTML ist in Kommentaren zugelassen. Erlaubt sind die HTML-Tags:
<a href>, <i>, <p>, <strong>, <em>, <ul>, <ol>, <li>, <blockquote>.
Alle themenfremden oder persönlichkeistverletzenden Beiträge werden gelöscht, also immer schön sachlich argumentieren.

schrieb: