title: Scaling of images for mobile devices in html
body: <p>I have an ASP.net web site.</p>
  
  <p>I am displaying images via a timer.</p>
  
  <p>For my mobile version i set this tag:</p>
  
  <pre><code> &lt;meta name="viewport" content="width=device-width" /&gt;
  </code></pre>
  
  <p>For the mobile version I want to resize the image to half its original size to 180x144.</p>
  
  <p>My timer calls an ashx page. This returns a byte stream as that is how my images are stored.  </p>
  
  <p>1). Do I have to convert to an image, resize it and convert back as a byte array or is there a different way that is standard practice that I am unaware of?</p>
  
  <p>2). Do I have to set the html image tag width to 100% and let it scale the height? What happens if the mobile device screen is of such specification that the scaling of the height results in the 
  image height going off screen?</p>
  
  <p>What are the best practices to use in these case?</p>
  
  <p>Thanks</p>