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

2021-03-30 0 304 百度已收录

自WordPress的v5.3版本,WordPress会自动调整超大图像的尺寸以提高性能。但是有时您可能需要显示更大尺寸的图像。在本教程中,我们将分享四种不同的方法以实现在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并选择您需要处理的大图片,即可转到该图像附件详情。

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

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

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

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

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

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

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

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

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

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

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

您也可以对要添加到站点中的每个原尺寸图像执行相同的过程。只要删除文件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图像

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

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

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

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

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

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

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!973664285@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有码币奖励和额外收入!

即刻码站__学习资源__国内最专业的站长资源下载平台 技术文档 如何取消WordPress大图自动缩放功能 https://www.jike1995.com/7479.html

不懂你就问我撒,但是不要说我给的东西不行。-www.jike1995.com

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务