title: Specifying width and height as percentages without skewing photo proportions in HTML
body: <p>I was wondering if in the width and height <code>&lt;img&gt;</code> attributes, I could specify width and height as percentages?</p>
  
  <p>Well, I guess that is obvious, because when I try so, it resizes, but it appears to skew the quality of my image.</p>
  
  <p>Here is an example of my markup with fixed attributes:</p>
  
  <pre><code>&lt;img src="#" width="346" height="413"&gt;
  </code></pre>
  
  <p>Now, while trying to scale this down, say by half, via percentages:</p>
  
  <pre><code>&lt;img src="#" width="50%" height="50%"&gt;
  </code></pre>
  
  <p>I get something completely different than:</p>
  
  <pre><code>&lt;img src="#" width="173" height="206.5"&gt;
  </code></pre>
  
  <p>I think I'm just fundamentally mistaking my percentage markup or something because there is a noticeable difference between my second and third example visually.</p>