After adding value to Height="50%", the tree image become bigger. Not 50% smaller.

Question

Any idea?

Answer 1

Try this,

CSS :
img {transform: scale(0.5)}

Answer 2

50% is in relation to the element around your image, not the image itself.

Answer 3

While measuring with %, use width attribute only and it will keep ratio of image and height makes no difference with %.