YSlow: Do not scale images in HTML More Recommendations

Rule Summary

Images
Low
Moderate
86%

Overview

Scaling images in HTML can result in unnecessary bandwidth wasted downloading large images.

How does your site score on this rule?

Details from Yahoo!

Web page designers sometimes set image dimensions by using the width and height attributes of the HTML image element. Avoid doing this since it can result in images being larger than needed.

recommends:

For example, if your page requires image myimg.jpg which has dimensions 240x720 but displays it with dimensions 120x360 using the width and height attributes, then the browser will download an image that is larger than necessary.

Resize your images in an image editor to the actual size you need.

Read More

Related PageSpeed Recommendations

Contribute to this recommendation

Have an opinion, link, or other contribution to share regarding this recommendation? Share it with us and help make the web a faster place!