Probleme bei Bilddarstellung

alfred899

Well-known member
ID: 351587
L
21 Juni 2009
591
38
Hi,
ich versuche mit HTML/CSS Bilder auf eine bestimmte Größe klein zu skalieren. Dabei wird einfach der URL des Bildes genommen und mit CSS auf eine bestimmte Größe skaliert. In Chrome und Firefox
funktioniert alles super. Nur in Opera und IE gibt es Probleme mit der Qualität der Bilder.

Opera/IE:
2mq99b47.jpg


Chrome:
6rtocscl.png


Hat vllt einer ne Ahnung wodran es liegt oder wie man das Problem umgehen kann?
Gruß Jan
 
Per CSS runterskalieren is nie ne gute Idee. Du hast einerseits den Nachteil, dass viel Traffic is und der Benutzer lange auf das große Bild warten muss und wie du wohl grade erlebst, bist du halt auf den Skalieralgorithmus vom Browser angewiesen.

Umgehen kannst du das Problem, indem du Thumbnails in der Größe vorbereitest, die du haben möchtest. So kontrollierst du, wie das Bild aussieht, weil der Browser es nicht mehr verändert darstellen muss.
 
das würde ich dringend Server-seitig machen, falls Du PHP oder ASP.NEt beherrschst, denn die Qualität des Bildes wenn es im client skaliert wird hängt dann wie Du schon siehst von der Qualität ab wie es im browser implementiert ist.