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

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

任何指导都将不胜感激

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

我的网站：

我正试图确定左上角品牌标识的img大小

我通过添加以下自定义css尝试了这一点：

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

但是，PageSpeed没有意识到这一变化：

---

CSS图像大小仍然会捕获全尺寸图像，它只是将全尺寸图像缩小到您设定的大小，因此Google当然不会看到页面速度的提高

你必须看看如何使用WordPress的内置功能

编辑：

---

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

谢谢你的回复，亚历克斯。然而，我并没有试图调整图像的大小，我只是想指定尺寸。还需要使用add_image_size（）方法吗？如果只定义尺寸，那只是缩放大图像。一个

5megabyte

图像仍然是

5mb

无论它是10000px宽还是100px宽，因为它只是一个大图像，但压缩到一个更小的空间。您必须使用

add\u image\u size（）

或上传较小的大小，才能看到页面速度的任何性能提升。如果你想要100px乘以100px，但是有一个10000px宽的图像，最好把它缩小（为了页面速度）到100px，而不仅仅是把尺寸改成100px（把10000塞进100），是的，我理解，但我不想改变图像的大小。原始图像是160px，乘以27px，我想在img标签中指定这些属性，但我不知道在哪里可以找到生成代码的位置。啊。嗯，它可能在寻找内联属性`不，不幸的是不会。你得自食其力。很可能是在“header.php”中。如果不是，你可以下载你的主题并在dreamweaver中打开它。如果按ctrl+f，可以使用“查找”工具，搜索“文件夹”，选择主题，搜索“徽标”