Im neuesten Webkit (einschließlich Safari 5.1) ist die Bildskalierung schlechter?
Ich habe an etwas gearbeitet, das stark darauf angewiesen ist, dass große Bilder mit CSS / JavaScript verkleinert werden. Bevor Safari 5.1 herauskam, bemerkte ich, dass die Bilder in Safari schön und glatt waren, aber in Chrome ziemlich gezackt. Jetzt scheint Safari 5.1 genau so schlecht zu sein wie Chrome.
Die Eigenschaft image-rendering CSS scheint keinen Unterschied zu machen. Die meisten Online-Posts scheinen von Leuten zu sein, die die Glättung des nächsten Nachbarn anstelle von bikubisch wünschen, während ich das Gegenteil brauche: um meine Bilder glatter zu machen.
Ich habe zwei Bilder angehängt. Einer zeigt Skalierung in Safari und der andere in Firefox. Wenn Sie den Arm des Modells auf der linken Seite betrachten, können Sie den Unterschied besonders sehen.
2 Antworten
Ich rate mit CSS3 transform kann ein besseres Ergebnis liefern, da es Hardwarebeschleunigung verwendet. Also habe ich eine Geige erstellt, die einige Bilder mit css width und height und CSS3 transform skaliert ( hier klicken) um zu sehen, um es zu überprüfen und sicherzustellen, aber ich habe kein gutes Auge oder vielleicht Monitor, ich sah keinen Unterschied zwischen css skaliert oder -webkit-transform: scale() skalierte Versionen. Bitte sieh dir die Geige an und lass es mich wissen, wenn du einen Unterschied siehst.
Geige: Ссылка
Tags und Links css webkit firefox safari image-scaling