问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

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

创作时间:
作者:
@小白创作中心

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

引用
1
来源
1.
https://wpeyes.com/wordpress/archives/960

在WordPress网站的建设过程中,图像尺寸的设置是一个既基础又重要的环节。合理的图像尺寸不仅能提升网站的加载速度,还能优化用户体验。本文将为您详细介绍WordPress中不同区域(如博客文章、特色图像、社交媒体、网站徽标等)使用的图像尺寸,并提供具体的尺寸建议和最佳实践。

什么是图像尺寸?

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

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

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

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

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

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

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

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

我的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选项卡。从这里,您可以将“特色图像”设置为默认的开放图谱图像源。

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

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

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

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

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

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

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

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

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

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

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

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

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

为您的WordPress网站编辑图像

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

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

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

这将打开编辑选项。

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

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

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

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号