Изображение неправильно масштабируется в Firefox

Question

У меня есть изображение документа размером 2550 x 3300 пикселей. Я масштабирую его до 901px до 1166px, используя css. Также используются атрибуты ширины / высоты изображения без CSS. Он отлично смотрится в Chrome и IE, но содержимое изображения выглядит неровно в FF (3.6). Изменение размера самого изображения невозможно (для печати хорошего качества).

Есть предложения?

Answer 1

Если вы хотите получить лучшее качество, когда пользователь печатает страницу, вы можете использовать отдельные таблицы стилей для печати и для экрана.

<style>
@media screen
  {
      #origImage { display:none; }
  }
@media print
  {
      #screenImage { display:none; }
  }
</style>
...
<img id="origImage" src="original.jpg" />
<img id="screenImage" src="resized.jpg" />

Answer 2

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

С http://articles.tutorboy.com/css/resize-images-in-same-quality.html