title: HTML Image Width And Height Attributes
body: <p>I have really simple question, I hope to read some great recommendations :-)</p>
  
  <p><img src="https://i.stack.imgur.com/7P6a6.jpg" alt="enter image description here"></p>
  
  <p>What is the correct usage of the width and height attribute?<br>
  Assuming that I need display the image with the following width and height:  150 x 100 pixles</p>
  
  <pre><code>&lt;img src="..." alt="My Image" width="300" height="200" /&gt; // the real width and height
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;img src="..." alt="My Image" width="150" height="100" /&gt; // the desired width and height (also defined in CSS)
  </code></pre>