How to resize to the img tag appropriate?

Question

I want to show an image in small windows but i need to save on the ratio of the image(I still want that people can know what it is). For example lets say that the image is 1

Answer 1

If you set max-height and max-width in CSS, modern browsers will restrict it to that size but keep the aspect ratio correct: