How to maintain aspect ratio using HTML IMG tag

Question

I am using an img tag of HTML to show a photo in our application. I have set both its height and width attribute to 64. I need to show any image resolution (e.g. 256x256, 10

Answer 1

Use object-fit: contain in css of html element img.

ex:

img {
    ...
    object-fit: contain
    ...
}