WordPress 5.3新功能: 对大图片自动缩放生成“网络优化最大尺寸”

2019-10-1308:29:38网站建设与开发Comments1,618 views字数 826阅读模式

WordPress处理大图片的方式一直是用户和开发人员讨论的话题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

通常,上传的图片有两种类型:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

  • 在图片编辑应用程序中已编辑过或创建的图片。
  • 直接从相机上传或尚未编辑的照片。

在第一种情况下,图片通常是“可用于网络的”。它们可能已缩小到合适的大小并进行了优化。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

在第二种情况下,图片通常比需要的大得多,并且没有针对Web使用进行优化。用普通的现代智能手机拍摄的照片文件大小很容易超过5MB。使用优质相机拍摄的照片可能更大。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

WordPress 5.3 引入了一种新方法,来检测大图片并生成它们的“网络优化最大尺寸”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

它是如何工作的?

当上传新图片时,WordPress 将通过检查其高度或宽度是否大于 big_image 阈值,以此来检测它是否为“大”图像。默认阈值为2560px,可以使用新的big_image_size_threshold过滤钩子进行修改。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

如果图片的高度或宽度大于此阈值,则将按比例缩小,这个阈值将用作最大高度和最大宽度值。缩小的图像将用作最大可用尺寸。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

在这种情况下,原始图像文件存储在uploads目录中,它的名称存储在图像元数组中的另一个数组键:original_image。为了始终获得原始上传图像的路径,引入了一个新函数: wp_get_original_image_path() 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

按照上面的说法是,原始大小的图片还将继续保存在uploads目录中,只是缩放生成一个新的图片,作为前端加载的最大可用尺寸。倡萌认为,这里也是有一些弊端的,如果可以提供钩子控制是否删除原图,那才是更好的一种方案。但现在的改进也是非常有意义的,至少前端加载的图片不会是原始图片,要知道原始图片5M以上,加载速度那是非常慢的!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

禁用缩放

缩放由 big_image_size_threshold 过滤钩子控制。从过滤钩子回调返回 false 将禁用图片缩放。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html

add_filter( 'big_image_size_threshold', '__return_false' );
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16847.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/16847.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定