哪种显示图像的方式最优化？
Which is the most optimized way to display an image?
页面速度和页面大小方面的优化。
第一种方法是将图像显示为 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="" />
或者谁有更好的显示图片的方法。
谢谢。
*忽略 SEO 的好处
答案在这里：https://buildawesomewebsites.com/html-img-vs-css-background-image/
Imo，我将使用 img 标记，但我会改进您的代码：如果您想改进性能，可以将 'srcset' 属性与 img 标签：https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images 并为较小的设备加载较小的图像。
此外，您可以轻松使用带有 img 标签的延迟加载
页面速度和页面大小方面的优化。 第一种方法是将图像显示为 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="" />
或者谁有更好的显示图片的方法。
谢谢。
*忽略 SEO 的好处
答案在这里：https://buildawesomewebsites.com/html-img-vs-css-background-image/
Imo，我将使用 img 标记，但我会改进您的代码：如果您想改进性能，可以将 'srcset' 属性与 img 标签：https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images 并为较小的设备加载较小的图像。
此外，您可以轻松使用带有 img 标签的延迟加载