-2

在页面速度和页面大小方面进行了优化。第一种方法是将图像显示为 div 的背景而不是 img 标签：

<div style="background:url("image-url.jpeg") no-repeat;background-size:cover;max-width:350px;max-height:350px;display:block;width:100%;height:100%;"></div>

二是正常的img标签方式：

<img src="image-url.jpeg" width=350 height=350 alt="" />

或者任何人都有更好的方法来显示图像。

谢谢你。

*无视搜索引擎优化的好处

4

1 回答 1

0

答案在这里：https ://buildawesomewebsites.com/html-img-vs-css-background-image/

Imo，我会使用标签，但我会改进你的代码：如果你想改进性能，你可以在你的标签img中使用“srcset”属性： https ://developer.mozilla.org/en-US/ docs/Learn/HTML/Multimedia_and_embedding/Responsive_images并为较小的设备加载较小的图像。img

此外，您可以img轻松地使用带有标签的延迟加载

于 2021-03-23T05:48:25.383 回答