不要在 HTML 中缩放图片—前端性能优化 31

雅虎前端优化总结的35 条前端性能优化军规第三十一条：不要在 HTML 中缩放图片。

不要使用 <img> 的 width、height 缩放图片，如果用到小图片，就使用相应大小的图片。如果需要

<img width="100" height="100" src="mycat.jpg" alt="My Cat" />

那么图片本身（mycat.jpg）应该是 100x100px 的，而不是去缩小 500x500px 的图片。

很多 CMS 和 CDN 都提供图片裁切功能。

补充：设置图片的宽和高，以免浏览器按照「猜」的宽高给图片保留的区域和实际宽高差异，产生重绘。