การ Fix ขนาดความกว้างความยาว ภาพ ทำอย่างไร ไม่ให้ภาพกว้างหรือยาวเกินกว่าที่กำหนด

myimg = document.getElementById('myimg');
myimg.style.height = "50px";
myimg.style.width = "50px";

image.style.width = '50%'
image.style.height = 'auto'

<img id="img1" src="thaicreate.jpg">
<script language="JavaScript">
	var img = document.getElementById('img1'); 
	var width = img.clientWidth;
	var height = img.clientHeight;
	if(height >= 500)
	{
		img.clientHeight = 500;
	}
</script>