html siteye resimi belirli boyutta eklemek (acil +r10)

sitem şu şekilde

fotoğraf eklemek istiyorum


haklı olarak böyle oluyor


ben böyle gözükmesi için ne yapabilirim ?

Width ve height ayarı css ile tanımla

.resim {
width:150px;
height:150px;
}

<img src="resimyolu" width="300" height="300">

Arkadaşların cevaplarına ek olarak görselin çözünürlüğü bozulmadan görselin yerleştirileceği divi boyutlandırıp.
Div'e

div {
width:200px;
height:200px;
background-image: (url);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

bu şekilde yaparsan görselin çözünürlüğü bozulmadan divin içine yerleştirebilirsin.