Масштабирование изображений хуже в последнем Webkit (включая Safari 5.1)?

Question

Я работал над тем, что в значительной степени основано на уменьшении больших изображений с помощью CSS / JavaScript. Перед выходом Safari 5.1 я заметил, что изображения в Safari были хорошими и плавными, но в Chrome неровными. Теперь Safari 5.1 выглядит так же плохо, как Chrome.

CSS-свойство image-rendering, похоже, не имеет значения. Большинство сообщений в Интернете об этом, похоже, сделаны людьми, которые хотят сглаживать ближайшего соседа, а не бикубические, а мне нужно наоборот: сделать мои изображения более плавными.

Я прикрепил два изображения. Один показывает масштабирование в Safari, а другой в Firefox. Если вы посмотрите на руку модели слева, вы увидите разницу особенно.

Answer 1

Я догадываюсь с использованием CSS3 transform может дать лучший результат, поскольку использует аппаратное ускорение. Поэтому я создал скрипку, которая масштабирует некоторые изображения с помощью css width и height и CSS3 transform ( нажмите здесь , чтобы увидеть), чтобы проверить и убедиться, но у меня нет хороший глаз или, может быть, монитор, я не видел никакой разницы между масштабированными версиями css или -webkit-transform: scale(). Пожалуйста, посмотрите на скрипку и дайте мне знать, если вы видели разницу.

Скрипка: http://jsfiddle.net/EWf25/1/embedded/result/

Answer 2

Попробуйте эти значения для рендеринга изображений :

optimizeQuality
optimize-contrast
-web-kit-optimize-contrast