css - HTML Display an Resized Image maintaning Ratio -

I want to show an image with a URL and I think the image should be shaped, but I make the ratio Want to keep between height and width

CSS:

  img {width: 30%; Height: auto; }  

Something like this?