title: What is a scaled image and how do I serve one in a webpage?
body: <p>Whan I run a test page in google PageSpeed. 
  I found a few warnings like for example serve scaled images..</p>
  
  <pre><code> http://man-vimal.net78.net/introduction/?intro/action=main
  
  THe results were as such :
  The following images are resized in HTML or CSS. Serving scaled images could save 449.3KiB (99% reduction).
  http://man-vimal.net78.net/.../twitter-logo.png is resized in HTML or CSS from 367x367 to 20x20. Serving a scaled image could save 140.9KiB (99% reduction).
  http://man-vimal.net78.net/introduction/views/images/fb.png is resized in HTML or CSS from 1,692x1,692 to 20x20. Serving a scaled image could save 115.9KiB (99% reduction).
  http://man-vimal.net78.net/.../linkedin.jpg is resized in HTML or CSS from 1,024x768 to 20x20. Serving a scaled image could save 99.6KiB (99% reduction).
  http://man-vimal.net78.net/.../panorama.jpg is resized in HTML or CSS from 604x453 to 100x100. Serving a scaled image could save 81KiB (96% reduction).
  http://man-vimal.net78.net/.../googleplus.jpg is resized in HTML or CSS from 450x320 to 20x20. Serving a scaled image could save 12KiB (99% reduction).
  </code></pre>
  
  <p>What is a scaled image and how can I fix this up ??</p>