Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
  height: 100%;
}
img.one {
  height: auto;
  width: auto;
}
img.two {
  height: 50%;
  width: 50%;
}
</style>
</head>
<body>
<h2>Установите высоту и ширину в %</h2>
<p>Измените размер окна браузера, чтобы увидеть эффект.</p>
<p>Оригинальное изображение:</p>
<img class="one" src="../images/ocean.jpg" width="300" height="300"><br>
<p>Размер изображения (в %):</p>
<img class="two" src="../images/ocean.jpg" width="300" height="300">
</body>
</html>