how to change the size of image in html without warping it code example
Example: css resize image without distortion
.frame {
height: 250px;
background: transparent no-repeat center;
background-size: cover;
background-image: url('http://i.imgur.com/lNB7QSt.jpg')
}