Определение ширины и высоты как проценты, не скашивая фото пропорции в HTML

Я задавался вопросом если в ширине и высоте <img> атрибуты, я мог указать ширину и высоту как проценты?

Ну, я предполагаю, что это очевидно, потому что, когда я пробую так, это изменяет размер, но это, кажется, скашивает качество моего изображения.

Вот пример моей разметки с фиксированными атрибутами:

<img src="#" width="346" height="413">

Теперь, при попытке уменьшить масштаб этого, скажите наполовину через проценты:

<img src="#" width="50%" height="50%">

Я получаю что-то совершенно другое, чем:

<img src="#" width="173" height="206.5">

Я думаю, что просто существенно путаю свою разметку процента или что-то, потому что существует заметное различие между моим вторым и третьим примером визуально.