Redimensionar imagem e cantos arredondados usando CSS

A idéia é usar o background-size: tampa; propriedade CSS que lida com a centralização, corte e, bem, cobertura. Aqui está um excerto do violino: div.yourWrapper { largura: 50px; altura: 50px; -webkit-fronteira-raio: 10px; -Moz-fronteira-raio: 10px; fronteira-raio: 10px; fundo: url(‘Some_image.jpg’) no-repeat centro; -webkit-background-size: tampa; -moz-background-size: tampa; -o-background-size: tampa; background-size: tampa; }