如何使用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也不會。