专注国内外云服务器
分享建站技术教程

如何取消WordPress大图自动缩放功能

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

自WordPress的v5.3版本,WordPress会自动调整超大图像的尺寸以提高性能。但是有时您可能需要显示更大尺寸的图像。在本教程中,我们将分享四种不同的方法以实现在WordPress网站显示全尺寸图像。

为什么WordPress缩放超大尺寸图片?

WordPress的早期版本允许用户上传尺寸非常大的图像。

但是,很多对WordPress不是很了解的站长会上传大量对于现代Web而言尺寸超大的图像。大图像会导致网站加载速度慢和性能不佳。

为了解决此问题,WordPress 5.3更新更改了WordPress处理超大图像的方式。

例如,如果您上传尺寸为5000px*7000px的图像,则WordPress会将图像尺寸调整为2560px并缩放宽度以匹配原始尺寸。

所以现在如用户访问包含较大图像的页面时,他们将看到该图像的缩小版本。

这样可以提高网站性能,并从整体上提升用户体验。

停用WordPress自动缩放大图片的原因

WordPress自动缩放大图片这项新功能对大多数WordPress站长来说很有用,但某些用户可能需要显示完整尺寸的图像。

例如,如果网站主要用来展示高清照片或者艺术创作时,那么在网站上显示较大的图像,以便访问者可以购买或下载它们。

又或者,需要为首页背景图像使用一张超大尺寸的高清图像。

无论您出于何种原因想要全尺寸图片,我们将为你介绍在WordPress中显示全尺寸图片的4种不同方式。

有些方法适用于单个图像处理,而另一些方法适用于WordPress网站全局。

您可以根据自身的实际情况,选择适合您的显示全尺寸图像方法。

方法1.在WordPress中获取完整大小的图像URL

如果您只想在网站上使用一两个大图像,则此解决方案可能是最好的。

当您将超出尺寸的图像上传到WordPress时,WordPress会缩放大图像并创建一个新图像。但是,原始图像仍然会存放在你的服务器上。

要显示原始图像尺寸,您需要从WordPress图像URL的末尾删除‘-scaled’ ,然后使用修改后的链接将图像插入到您的网站中。

转到Media»Library并选择您需要处理的大图片,即可转到该图像附件详情。

在图像框中找到“文件URL”,然后删除图片网址的末尾“-scaled”。

最后,复制新的图像URL并将图像插入网站文章或者页面。

请注意,您需要使用链接将图像嵌入文章或者页面编辑器,再删除“-scaled”缩放部分。

导航至您要添加图像的文章或页面,然后单击“ +”图标添加一个区块。

然后点击“图像”图标添加一个图片区块,粘贴图像URL。

点击“从URL插入”,然后将完整尺寸的图像URL粘贴到框中,然后按“ Enter”。

如果文章已经发布,则需要单击“发布”或“更新”,即可在网站上查看全尺寸图片。

您也可以对要添加到站点中的每个原尺寸图像执行相同的过程。只要删除文件URL“-scaled”部分,WordPress图像就会以完整尺寸显示。

方法2.插件禁用WordPress大图像自动缩放功能

第二种方法是使用WordPress插件禁用WordPress的大图像自动缩放功能。

我们推荐的插件为Disable “BIG Image” Threshold。该插件提供了一种最简单的解决方法,以帮助您实现在WordPress网站上显示全尺寸大图片。

安装并启用Disable “BIG Image” Threshold插件。它将自动禁用WordPress添加大图阈值。

即当此插件处于启用状态时,WordPress不会将“ -scaled”属性添加到任何图像。

方法3.代码禁用WordPress大图像自动缩放功能

另一个选择是在WordPress添加一个代码片段,以实现与上述插件相同的效果。

如果该插件由于某种原因而无法使用,或者您不想安装太多的插件,则可以使用此方法。

新的WordPress图像缩放功能使用名为的过滤器big_image_size_threshold

您需要使用以下代码来禁用此功能:

add_filter( 'big_image_size_threshold', '__return_false' );

您需要将此代码添加到主题的functions.php文件中,特定于站点的插件中,或者通过使用代码片段插件来添加。

方法4:在画廊相册中打开全尺寸WordPress图像

最后一种选择是将全尺寸图片灯箱(图片画廊相册)添加到您的网站。有了这个解决方案,您将两全其美。

您可以在博客内容,画廊或轮播中加载较小的图像缩略图,当单击时,它将弹出全尺寸图像。

为此,我们建议使用Envira Gallery插件。它是市场上最好的WordPress相册插件,支持添加各种灯箱弹出图像效果。

请记住,在为图库上传全尺寸图像之前,您需要通过上述插件或子主题方法禁用图像缩放。

否则,您的灯箱图片将使用该图片的缩小版本。

最后,需要注意的一点是,如果添加大尺寸图像,则必须针对Web优化图像,避免加载大体积图像降低网站速度。

希望本教程能帮助解决WordPress无法显示全尺寸图片问题。关于WordPress图片内容,你可能还对下面的文章感兴趣:

微海报分享

文章来源于互联网:如何取消WordPress大图自动缩放功能

赞(0)
未经允许不得转载:吾上云 » 如何取消WordPress大图自动缩放功能
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们