在Pagelines Pro Wordpress主题中指定<img/>的图像尺寸

时间:2012-10-12 03:47:28

标签: html css wordpress pagelines pagelines-platformpro

我正在尝试指定网站上某些图片的尺寸以优化网页速度。我正在使用Wordpress的Pagelines Pro主题,我尝试添加这个自定义CSS来定义img大小,但Google的页面速度似乎没有考虑到这一点。我可以自己设置img标签的宽度和高度,但我不确定如何(或在哪里)这样做,因为我使用CloudFront作为我的CDN。

非常感谢任何指导。

对于我的具体示例,以下是详细信息。

我的网站:http://www.mybringback.com

我正在尝试特定左上角的品牌标识的img大小。

我通过添加这个自定义css尝试了这个:

.navbar .plbrand img {height:27px;width:160px;}

但是,PageSpeed无法识别此更改: http://gtmetrix.com/reports/www.mybringback.com/BI93pLK1

1 个答案:

答案 0 :(得分:0)

CSS图片尺寸仍会抓取完整尺寸的图片,它只会将整个尺寸缩小到您设定的尺寸,因此Google当然不会看到页面速度增加。

您必须使用WordPress内置的image cropping/resizing functions

编辑:

对于您的情况,我认为它正在寻找内联属性。 `