title: reduce image size in memory
body: <p>After an image was downloaded by the browser, am I correct to think that even if the image is resized smaller with css, the memory footprint is still the same as the image remains untouched in the browser's memory ?</p>
  
  <p>If so, is there a way to <strong>actually</strong> decrease the size of the image so that it takes less memory and also, does not affect display performance too much during scrolling/paning operations ?</p>
  
  <p>ps: this question may not make a lot of sense for a "traditional" web page, but is very important (for me, at least) in the context of a single page web application displaying many images of different sizes because pages and browser memory are not "refreshed" when displaying new pages.</p>
  
  <p>ps2: i do not have access to the server, so server-side resizing is a no-go</p>