Image size to fit in fixed size div

Question

I have div of fixed size height:45px and width:60px and no other css to div. This div used to show the image uploaded by customer. I want to give the dimensions of image so that the uploaded image will be fit in given div perfectly. I need to give the optimized size so that image will look good in div. First logic I tried to give the image with 45 by 60, 90 by 120 like. What is the correct way to solve this.Please guide.Thanks in advance.

Answer 1

div {
  width: 160px;
  height: 145px;
  overflow: hidden;
  border: 1px solid black;
}

div img {
    width: 100%;
    min-height: 100%;
}

<div>
<img src="https://i.sstatic.net/aFYTl.jpg?s=328&g=1"/>
</div>

Answer 2

Best thing is the following:

#div-to-contain-image img {
    display: block;
    height: auto;
    min-width: 100%;
    width: 100%;
}

This will render the image the best as possible. If you need to cover the containing div entirely, you could do the following:

#div-to-contain-image img {
    display: block;
    height: 100%;
    width: 100%;
}