title: Shrink img without losing quality?
body: <p>See this:</p>
  
  <p><a href="http://real-sense.com/index.php?option=com_content&amp;view=article&amp;id=106" rel="nofollow">http://real-sense.com/index.php?option=com_content&amp;view=article&amp;id=106</a></p>
  
  <p>The set of vertical images on the right are being resized using CSS</p>
  
  <pre><code>.thumbnail-product-resize
  {
  width:144px;
  height : auto;
  }
  </code></pre>
  
  <p>Does anyone know how to do this in a cleaner way so I don't lose quality on the image?</p>
  
  <p>I mean that if I had resized the image using photoshop, the text won't appear as blurry as it does here. </p>
  
  <p>Tested in FF</p>
  
  <p>Thanks</p>