title: HTML img tag and meta viewport
body: <p>I'm currently working on a responsive website using <code>meta</code> tag viewport. I encountered an issue in which images loaded using <code>img</code> tag lose quality. But if I use <code>background-image</code> instead, they load perfectly. </p>
  
  <p>I want to use <code>img</code> tag because of the SEO keywords. Is there any way to prevent it from lose quality?</p>
  
  <p>EDIT: showing the markup</p>
  
  <p>inside head:</p>
  
  <pre><code>    &lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"&gt;
  </code></pre>
  
  <p>inside body:</p>
  
  <pre><code>&lt;img src='images/logo.png' style='width:65px;height:65px;' /&gt;
  </code></pre>
  
  <p>the <code>logo.png</code> dimensions are 65x65 pixels</p>