首页 » 博文 » wpbeginner » 初学指南 » WordPress 图像尺寸初学者指南(+ 最佳实践)

WordPress 图像尺寸初学者指南(+ 最佳实践)

您想了解 WordPress 图像尺寸吗?

初学者经常会问我们他们应该在 WordPress 网站上使用什么图像尺寸,以及 WordPress 如何处理不同区域的图像。

在本初学者指南中,我们将解释常见的 WordPress 图像尺寸,并分享有关如何知道在网站上使用哪些尺寸的最佳实践。

为初学者解释 WordPress 图像尺寸

什么是图像尺寸?

图像尺寸通常是指以像素为单位测量的图像的宽度和高度。例如,1600×900像素表示宽1600像素、高900像素的图像。

图像大小的尺寸

这些测量也称为图像尺寸。

基本上,尺寸较大的图像包含更多像素,这将导致图像文件大小增加。

图像文件大小是图像文件在计算机上占用的空间,以字节为单位。例如,100 KB(千字节)。

如果图像的文件大小较大,则用户下载所需的时间会更长,并会影响网站的速度和性能。这就是为什么保持图像文件大小尽可能小,同时保持图像尺寸正确非常重要。

这给我们带来了图像文件格式。

图像文件格式是保存图像文件的压缩技术。网络上最常用的是 JPEG 和 PNG。

使用 JPEG 文件格式可以更好地压缩包含更多颜色的照片等图像。

另一方面,像插图这样颜色细节较少的图像可以使用 PNG 来获得最佳效果。

有关图像文件格式的更多详细信息,请查看我们关于如何在 WordPress 中优化图像的文章。

话虽这么说,让我们看看 WordPress 中针对网站不同区域使用的图像尺寸。

我的 WordPress 网站的图片尺寸应该是多少?

对于一般的WordPress 网站,您将在网站的多个区域使用图像。您的博客文章、缩略图、页眉、封面图像等都需要图像。

默认情况下,WordPress 会自动处理某些图像文件大小。每当您上传图像时,WordPress 都会自动制作多个不同大小的副本。

自动复制不同尺寸的图像

您可以通过访问WordPress 管理区域中的设置 » 媒体页面来查看甚至调整默认的 WordPress 图像大小。

您会看到中号、缩略图和大号三种尺寸。

WordPress 中的默认图像大小

但是,您的 WordPress 主题可能会创建自己的附加图像尺寸并将其用于网站的不同部分。

这些尺寸在媒体屏幕上不可见,查看这些附加尺寸的唯一方法是转到WordPress 托管帐户上的文件管理器。

然后导航到 /wp-content/uploads/ 文件夹并选择其中的任何年份文件夹进行浏览。这将帮助您查看 WordPress 网站生成的所有各种图像尺寸。

话虽如此,让我们看看您网站的不同区域,以及您应该在这些区域使用什么图像尺寸。

在博客文章中使用什么图像尺寸

您需要根据您的WordPress 主题为博客文章选择图像大小。

例如,一些 WordPress 主题带有单列布局,允许您使用更宽的图像。

单列布局中的图像

另一方面,一些 WordPress 主题使用多列布局(内容 + 侧边栏),这意味着您需要相应地调整图像宽度。

两列布局

对于大多数博客,您可以使用以下图像尺寸:

  • 单列布局:1200×675
  • 两栏布局:680×382

现在,您可能会注意到许多流行的 WordPress 网站对文章中的所有图像使用相同的图像宽度。然而,这并不是一个严格的规则。

例如,如果您需要添加“媒体和文本”块,那么您可以相应地调整图像大小。在下面的示例中,我们在一些文本旁边使用纵向尺寸的图像。

一篇博客文章在某些文本旁边显示纵向尺寸的图像

同样,在某些情况下您可能需要使用方形图像。

例如,以下是多列布局中使用的方形图像的示例。

列中的方形图像

使用方形图像时,您只需确保图像尺寸具有相同的宽度和高度,例如 300 x 300 像素。

特色图像使用什么图像尺寸

特色图像,也称为帖子缩略图,是 WordPress 主题功能。这意味着您的主题将决定要显示的图像尺寸。

例如,某些 WordPress 主题可能对特色图像尺寸(例如 680×382 像素)使用标准 16:9 宽高比。

一些 WordPress 主题还可能使用特色图像作为更大的标题图像。为此,他们可能需要更大的图像(例如 1200×675)。

封面中使用的特色图片

特色图像很重要,因为您的 WordPress 主题可能会在网站的不同区域使用它们。它们通常是访客首先看到的东西,因此您需要给人留下良好的第一印象。

我们建议使用较大的图像,这样无论缩小还是在更宽的模式下使用,它们看起来仍然很漂亮。

容器内的特色图像

同样,如果您的 WordPress 主题使用方形图像作为特色图像,那么我们建议使用至少 600×600 像素的图像。

  • 对于使用矩形特色图像的主题:1200×687 像素
  • 对于使用方形特色图像的主题:600×600 像素

您的 WordPress 主题将为特色图像生成额外的尺寸,以在不同区域(例如主页博客页面或存档页面)使用。

主页上的特色图片

社交媒体使用什么图像尺寸

现在,如果您的 WordPress 主题使用长宽比为 16:9 的精选图像,那么您还可以将它们用作 Twitter 和 Facebook 的社交媒体图像。

但是,您需要明确告诉这些平台,当有人分享您网站上的文章时您想要显示哪个图像。

为此,您需要WordPress 的多合一 SEO插件。它是市场上最好的 WordPress SEO 插件,已被超过 300 万个网站使用。它可以帮助您针对搜索引擎和社交媒体平台优化您的网站。

注意:您还可以尝试All in One SEO 的有限免费版本。

首先,您需要安装并激活该插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,该插件将启动设置向导。按照屏幕上的说明完成向导。您还可以参阅我们关于如何设置多合一 SEO 的指南,获取分步说明。

之后,您需要访问All in One SEO » Social Networks页面并切换到 Facebook 选项卡。从这里,您可以将“特色图像”设置为默认的开放图谱图像源。

Facebook Open Graph 的默认图像

然后您可以切换到 Twitter 选项卡并执行相同的操作。

不要忘记单击“保存更改”按钮来存储您的设置。

现在,如果您的 WordPress 主题使用不同尺寸的图像,那么 Facebook 和 Twitter 可能无法正确显示这些图像。

在这种情况下,您可以为社交媒体平台提供自定义图像。

只需创建宽高比为 16:9 的图像(1200×675 像素或 680×382 像素)。然后编辑帖子或页面并向下滚动到编辑器下方的 AIOSEO 设置部分。

从这里,您需要切换到“社交”选项卡并向下滚动到“图像源”部分。从下拉菜单中,选择自定义图像,然后上传您的 Facebook 图片。

为 Facebook 设置自定义图像

您还需要在 Twitter 选项卡上重复该过程。

您必须对您发布的所有文章执行此操作,以确保社交媒体使用您希望他们使用的图像。

有关更多社交媒体图像尺寸,请参阅我们的WordPress初学者社交媒体备忘单。

WordPress 网站徽标使用什么图像尺寸

许多 WordPress 主题会让您知道您的网站徽标应该使用什么图像尺寸。

例如,当我们尝试上传徽标时,我们的演示主题会显示此消息。

标志图片尺寸推荐

但是,如果您使用的是具有完整站点编辑功能的较新 WordPress 主题,那么您可能无法获得徽标图像尺寸的建议。

在这种情况下,我们建议上传不同的款式和尺寸,看看什么最适合您的品牌。300×200 像素的徽标图像大小可以是一个很好的起点。

站点徽标块编辑器

为您的 WordPress 网站编辑图像

大多数 WordPress 用户并不是专业的图形设计师。但是,您需要使用图像编辑软件来为您的 WordPress 网站创建图像尺寸。

WordPress 本身附带了一些基本的图像编辑工具。要使用它们,只需转到媒体»库页面并单击图像即可。

这将在弹出窗口中打开图像,您将在其中看到用于编辑图像的按钮。

在 WordPress 中编辑图像

这将打开编辑选项。

这些工具包括基本的图像调整大小、裁剪、旋转和翻转。

WordPress 中的图像编辑选项

如果您需要快速修复图像,这种基本的图像编辑会派上用场。然而,这并不是日常编辑图像的最佳方式。

幸运的是,您可以使用多种免费且廉价的选项。

  • Canva – 免费的基于网络的图像编辑软件。它还包括网站图像、徽标、社交媒体图像等的现成模板。
  • Pixlr – 一款基于网络的免费增值图像编辑软件。可用于轻松调整博客文章的图像大小。
  • Gimp – 免费开源图像编辑软件。它作为 Windows、Mac 和 Linux 上的本机桌面应用程序运行。可用于调整图像大小、添加文本层、编辑照片等。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top