In order to improve the load time of my website, I am looking for a method to reduce the number of HTTP requests.
To do this, I use the CSS Sprites technique.
However, I sometimes need to use <img src=... /> to use some auto-size functionality (case of auto size div background). The drawback of this, is that for each <img src=... /> a HTTP request is posted.
I tried to use the CSS Sprites technique with <img>, as follows:
background: transparent url('.....') no-repeat;
<img class=clsImg alt='' />
The issue is that the background image is not resized... but cropped.
Is there any solution to this?