不要在 HTML 中缩放图片

35 条前端性能优化军规 /

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

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

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

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

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

本文章首发在 LearnKu.com 网站上。

站长 11.3k 声望

维护者 @ LearnKu.com

保持好奇，求知若饥，终身编程

讨论数量: 0

发起讨论只看当前版本

暂无话题~