Если я добавлю обычный тег img в html, я могу указать ширину и высоту, и браузер изменит изображение. Пока размеры не слишком далеки от оригинала, результат приличный.
Например, изображение аватара масштабируется до 32x32, хотя оригинал 45x45
<img width="32" height="32" alt="" src="http://www.google.com/friendconnect/scs/images/NoPictureDark.png">
Есть ли способ масштабировать изображение в css background-image, как это?
<div class='avatar' style='background-image:url("hhttp://www.google.com/friendconnect/scs/images/NoPictureDark.png");'>
Я хочу показать аватар как свойство background-image вместо обычного тега img, а также нужно масштабировать его до размера.
Есть какой-нибудь известный трюк, который может это сделать?