如何在WordPress中指定图像尺寸(GTmetrix项目)

需要 指定图像尺寸 在WordPress中?


这意味着您需要在 图片的HTML 或CSS。如果图像没有指定图像尺寸,它将在您的GTmetrix报告中显示为错误,并且GTmetrix甚至会告诉您应添加到该图像的正确宽度和高度.

指定图像尺寸WordPress

您所要做的就是在WordPress网站上找到图片,查看其HTML,然后添加宽度和高度,如下所示:

1.在GTmetrix中找到指定图像尺寸错误

GTmetrix仅显示您测试的单个页面的错误.

通过GTmetrix运行任何页面,然后查看哪些图像指定了图像尺寸错误.

指定图像尺寸GTmetrix

2从GTmetrix复制图像的宽度+高度

接下来,复制图像的宽度+高度(由GTmetrix提供).

GTmetrix图像尺寸

3.在您的网站上找到图片

现在我们需要在您的WordPress网站上找到图片.

WordPress视觉编辑器 自动为您指定图片尺寸,因此此处图片通常没有错误。但是,您网站的某些区域可能不会自动指定图像尺寸(可能是页面构建器,滑块,小部件以及手工编码的HTML或CSS)。你需要学习哪个 区域 的WordPress网站给您错误.

找到WordPress小工具图片

指定图像尺寸小部件

4.在图片的HTML中添加Width + Height

找到图片后,查看它的HTML,您会发现没有指定的宽度+高度。您所要做的就是将这些插入HTML如下: 宽度=“ 135”高度=“ 135”

指定图像尺寸WordPress

5.重新测试GTmetrix中的页面

保存更改,然后通过GTmetrix重新运行页面。有错误的图像应该被修复.

100%指定图像尺寸

6.使用指定图像尺寸插件

指定图像尺寸插件 扫描您所有的网站 缺少宽度+高度的标签,并自动添加它们。但是,我没有成功使用此插件.

指定图像尺寸插件

7.修复了在多个页面上指定图像尺寸错误

同一张图像是否出现在多个页面/帖子上并指定了图像尺寸错误?

您可以使用“更好的搜索替换”插件来修复徽标,小部件图像以及出现在多个页面上的其他图像,而无需单独浏览它们。可以节省时间.

步骤1:安装 更好的搜索替换插件.

第2步:在“搜索”字段中,添加图片的HTML,但不指定宽度+高度。在“替换为”字段中,添加确实包含宽度+高度的图像的新版本.

第三步:选择您要插件扫描并替换图像的表。如果您想对其进行测试,则可以进行空运行;否则,请取消选中该选项,然后单击“运行搜索/替换”。

更好的搜索替换图像

第四步:该插件将在您选择的所有表上运行搜索/替换图像。完成后,“更好的搜索替换”会告诉您扫描了多少张表以及替换了多少张图片.

其他图像优化

我写了一个完整的教程 在WordPress中优化图像 包括:

  • 压缩影像
  • 通过CDN提供图像
  • 调整GIFS大小
  • 删除EXIF数据
  • 延迟加载图像和视频
  • Cloudflare Mirage,波兰语,热链接保护

GTmetrix中的图像优化

寻找更多的WordPress速度教程?
这是我写的其他教程:

  • 如何设置WP Rocket(我建议使用缓存插件)
  • Cloudways与SiteGround(我推荐的两个顶级主机)
  • 我如何获得100%GTmetrix分数(WordPress速度指南)

我也有关于WordPress速度优化的精彩视频:

希望本教程对您有所帮助,并且您不再指定图像​​尺寸错误!

经常问的问题

✅如何指定图像的尺寸?

在GTmetrix中找到错误,并注意图像的正确宽度+高度(由GTmetrix提供)。接下来,在WordPress仪表板中找到图像并查看它的HTML代码。接下来,在图片的HTML中添加width + height。示例:宽度=“ 680”高度=“ 340”

✅在哪里可以找到正确的图像尺寸?

GTmetrix会在“指定图像尺寸”下告诉您没有指定宽度+高度的图像的正确尺寸.

✅如何在GTmetrix中优化图像?

这意味着您需要使用ShortPixel或Imagify之类的插件无损压缩图像。我使用ShortPixel.

✅您如何提供缩放图像?

如果您在GTmetrix中遇到了按比例缩放的图像错误,则意味着您要上传的图像太大,需要将其调整为正确的尺寸。您的滑块,作品集图像,小部件图像,全幅博客图像以及网站的其他部分都要求特定的尺寸。您需要先调整图像大小,然后再上传它们,以适合那些.

如果您还有问题,请给我评论.

干杯,
汤姆

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map