title: How to solve performance issue of scaling images for responsive purposes?
body: <p>For some images I prefer to use scaling the image according to page size to make it responsive. </p>
  
  <pre><code>&lt;img class="img_scale" src="img.png" alt"this img doesn't have width and height  
  definition"&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.img_scale{width:100%; height:100%; margin:0 auto; height:auto !important;}
  </code></pre>
  
  <p>This solution works perfectly if the image is not a billboard background image or in a not flexible box.. So I would like to scale image in stead of using a jQuery plug-in.</p>
  
  <p>However, It is often said that scaling images causes repainting and alot of performance issues. </p>
  
  <p>What do you do? Is there a solution to overcome performance issues with scaling images? </p>