如何使用CSS在图像CDN中设置尺寸？

Question

CSS

img {
 width: 300px;
 height: 300px;
 }

HTML

<img src="http://images.xxxxxxx.co.uk/content/icon.png" alt="xxxxxxxxx" />

我在页面速度上遇到同样的错误

指定图片尺寸 以下图像缺少宽度和/或高度属性。

http://images.xxxxxxxxxx.co.uk/content/icon.png (Dimensions: 67 x 75)

有一个使用.htaccess或jQuery的解决方案吗？

Answer 1

将它们添加到图像标记有什么问题：

<img src="http://images.xxxxxxx.co.uk/content/icon.png" width="67px" height="75px" alt="xxxxxxxxx" />

你无法用JQuery做你想做的事情，因为搜索引擎/ PageSpeed不会呈现javascript，反过来它也不会为抓取工具做任何事情。

对于CSS来说这是一样的，爬虫（通过PageSpeed进行优化的目的）不会通过CSS运行，所以如果是SEO，CSS也不会这样做。