您想了解如何在 WordPress 中显示全尺寸图像吗?

WordPress 会自动缩小大图像,以便您的网站加载速度更快、运行更流畅。但是,有时您可能需要以完整尺寸显示大图像。

在本教程中,我们将向您展示如何在 WordPress 网站上显示全尺寸图像。

为什么 WordPress 会缩放大图像?

如果您上传非常大的图像,那么 WordPress 会自动调整该图像的大小。例如,如果您上传一张 5000 像素 x 7000 像素的图像,那么 WordPress 会将该图像的大小调整为 2560 像素,然后缩放宽度以匹配原始尺寸。

访问者将看到原始大图像的缩小版本。这可以提高 WordPress 的速度和性能,这意味着为您的访客和客户带来更好的体验。

但是,有时您可能需要显示全尺寸图像。例如,如果您是如果您是在 WordPress 上销售数字下载的摄影师或艺术家,那么您可能希望在您的网站上显示更大的图像。

对于某些网站,需要大图像,例如您展示作品的摄影网站。有时您甚至可能需要显示单个大图像,例如 WordPress 中的背景图像。

无论您想要全尺寸图像的原因是什么,我们都会逐步向您展示如何操作。

有些方法更适合单个图像,而另一些方法更适合图像库。只需使用下面的链接即可直接跳至适合您目标的方法。

  • 方法 1. 获取完整尺寸图像 URL(最适合单个图像)
  • 方法 2. 在 WordPress 中禁用图像缩放(使用插件)
  • 方法 3.在 WordPress 中禁用图像缩放(使用代码)
  • 方法 4:在灯箱中打开全尺寸 WordPress 图像(最适合照片库)

方法 1. 获取全尺寸图像 URL(最适合单张图像)

如果您只想在网站上使用一两个大图像,那么您只需更改该图像的网址即可。

当您上传超过最大尺寸的图像时,WordPress 会缩放该图像以创建较小的版本。然而,原始图像仍然完好无损。

要显示原始图像,您只需删除图像 URL 末尾的“-scaled”即可。然后,您可以使用修改后的链接将大图像添加到任何页面或帖子。

为此,请转至媒体 » 库,然后选择您的大图像。

在屏幕右侧找到“文件 URL”字段

您只需删除图像 URL 末尾的“-scaled”即可。

完成后,您可以复制图像 URL 并将图像添加到 WordPress 博客或网站上的任何位置项目。

请注意,您需要使用链接嵌入图像,而不是从 WordPress 媒体库中选择图像。

为此,请转到要使用图像的帖子或页面,然后单击“+”图标添加新块。在这里,输入“图像”,然后在出现时选择正确的块。

完成后,点击“从 URL 插入”。

然后,您只需将完整尺寸的图像 URL 粘贴到字段中,然后按键盘上的“Enter”键即可。

当您准备好上线时,只需点击“发布”或“更新”即可。您现在可以访问此页面或发帖以查看实际的全尺寸图像。

要添加更多全尺寸图像,只需遵循上述相同过程即可。

方法 2. 在 WordPress 中禁用图像缩放(使用插件)

如果您想在网站上显示大量不同的全尺寸图像,则可以使用 Perfect Images 禁用图像缩放。该插件允许您在 WordPress 中创建额外的图像尺寸、更新媒体元数据等等。

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

激活后,前往 Meow Apps » Perfect Images 并选中“图像阈值”旁边的框。

WordPress 现在将不再向任何图像添加“-scaled”属性,因此您可以上传大型媒体文件,WordPress 将默认显示它们的完整尺寸。

方法 3. 在 WordPress 中禁用图像缩放 (使用代码)

您还可以禁用图像缩放使用代码跨整个网站。

如果您不想使用插件,则可以将代码添加到主题的functions.php文件中。有关更多信息,请参阅我们有关如何在 WordPress 中添加自定义代码的指南。

但是,我们建议改用 WPCode。 WPCode 是 WordPress 最好的代码片段插件,可让您轻松地将代码复制并粘贴到用户友好的编辑器中。这比直接编辑主题文件更容易、更安全。

它还允许您更新 WordPress 主题,而不会丢失自定义功能。

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

在 WordPress 仪表板中,转到代码片段 » 添加片段。

在这里,只需将鼠标悬停在“添加您的自定义代码”上即可。

当它出现时,点击“使用片段”。

首先,输入标题 f或自定义代码片段。这可以是任何可以帮助您识别 WordPress 仪表板中的代码段的内容。

之后,打开“代码类型”下拉列表并选择“PHP 片段”。

在代码编辑器中,添加以下代码片段:

add_filter( ‘big_image_size_threshold’, ‘__return_false’ );

由 WPCode 与 ❤️ 主办

在 WordPress 中一键使用

当您对代码片段感到满意时,滚动到“插入”部分。 WPCode 可以将您的代码添加到不同的位置,例如在每个帖子之后、仅前端或仅管理。

要在整个 WordPress 网站上使用自定义 PHP 代码段,请点击“自动插入”(如果尚未选择)。然后,打开“位置”下拉列表并选择“到处运行”。

之后,您就可以滚动到屏幕顶部并单击“非活动”切换按钮,使其更改为“活动”。

最后,单击“保存片段”以使 PHP 片段生效。

现在,如果您上传大图像,WordPress 将使用原始尺寸,而不是调整图像大小。通过这种方式,您始终可以访问完整尺寸的图像。

方法 4:在灯箱中打开全尺寸 WordPress 图像(最佳)对于照片库)

最后一个选项是向您的网站添加全尺寸图像灯箱,如果您要创建图像库、轮播或照片组合,这是完美的选择。

此方法允许您在页面首次加载时显示较小的缩略图。然后,访问者可以单击任何缩略图以在弹出窗口中查看完整尺寸的图像。

请注意,您需要先禁用缩放,然后才能使用此方法。这意味着您需要使用上述方法之一禁用 WordPress 图像阈值。如果不这样做,那么您的灯箱将显示大图像的缩小版本。

Onc如果您已经禁用了图像缩放,那么是时候创建一个图库了。我们建议使用 Envira Gallery 插件。它是市场上最好的 WordPress 图片库插件,可让您轻松创建漂亮且引人注目的灯箱。

您需要做的第一件事是安装 Envira Gallery 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

安装并激活插件后,您可以按照我们的分步教程了解如何在 WordPress 中添加具有灯箱效果的图库。

无论您使用什么方法添加大尺寸图像,都必须针对网络对其进行优化,这样您就不会减慢您的网站速度。

我们希望本文能帮助您了解如何在 WordPress 中显示全尺寸图像。您还可以阅读我们的指南,了解最佳拖放页面构建器插件以及如何在 WordPress 中创建自定义 Instagram 照片源。

如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

By

发表回复

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