Как сохранить качество изображения при уменьшении размера в css при адаптивной верстке?

Question

[Дмитрий Акулич]

При уменьшении изображения (для адаптивной верстки), в css задается пропорционально уменьшенный размер, либо используется transform: scale(.9) и картинка становиться размытой (не векторный формат).
При увеличении понятно потеря качества, но почему это происходит при уменьшении?
Есть ли способ разрешить эту проблему?

Answer 1

[Aligatro]

Насколько я помню это баг в хроме из-за саб-пикселей или что-то подобное. Короче попробуйте хак:
img {transform: translatez(0);}

Comments

[Дмитрий Акулич]

Спасибо за совет!
Вроде помогло. В хроме, firefox, и даже IE работает, но вот в опера не хочет нормально уменьшать... Есть ли решение еще и для оперы?

[Aligatro]

Ну опера на хромиуме, должно пахать. Движок у них с хромом один и тот же.

[game802]

Дмитрий Акулич, попробуйте использовать префиксы