设置图像大小的最佳做法是什么? css 还是属性?

What is the best practice for setting image size? css or attributes?

我读了很多关于您应该将 css 样式与内容分开的内容,并且使用内联样式不是最佳做法,但这与 [=13= 的大小相同吗? ] 标签?

使用属性设置宽度和高度是最佳做法,还是最好将其放在 css class 中?

<img src="myimg.png" height="100" width="200" />

.myimg{
    height:100px;
    width:200px;
}

<img src="myimg.png" class="myimg" />

还是没有'best'练习? 如果是,在什么情况下应该使用 1 或 2?

它们在技术上都是正确的,但我认为第二种方法是 "best practice",原因与避免内联样式相同——通过使用 类 和 CSS,所有相似的元素匹配,我可以在一个地方进行所有更新。

编辑:为 Dave 点赞 - 关于上传前调整大小的重点。我同意!

我认为最好的做法之一是尽可能避免内联样式,并尽量通过 CSS 最大程度地处理大多数属性。

但是,当您尝试验证 HTML 时,如果 <img 标签没有说明高度和宽度,它通常会失败,因此我会尽可能将它们包含在标记中。这对 SEO 也有好处,因为它们可以在图片搜索中被正确识别。

另一个重要的 SEO 因素是尽量避免 link 放大图像,然后使用 CSS 缩小图像。如果你有一张 3000x2000 的图片,而输出仅为 320x250,那么你真的应该创建一个 320x250 版本的图片,上传它,然后 link 改为。这将极大地帮助您网站的加载时间和性能。