WordPress响应式图片（Responsive Image）功能关闭：取消WordPress图片宽带和高度参数
文 / @UTHEME
WordPress响应式图片（Responsive Image）如何关闭
WordPress 4.4 Beta1发布之时，我们了解到WordPress 4.4的一项新功能：Responsive Image，即响应式图片。今天，WordPress中文网给大家介绍一下这个新功能的主要用途，以及其工作原理。
当用户在WordPress中上传图片的时候，WordPress会自动将突破剪裁为多个小尺寸的图片。比如说，如果你上传的图片大小为 1500 x 706 （单位为像素，以下省略），那么图片可能会被剪裁为以下几个尺寸：
- 完整尺寸：1500 x 706
- 大图：500 x 235
- 中图：300 x 141
- 缩略图：150 x 150
这些图片的尺寸，你可以通过WordPress后台的【设置】->【多媒体】中进行调整。有些WordPress主题，还会剪裁出一些其他尺寸的图片。
这样，如果你在WordPress的文章或页面中使用了完整尺寸图片，那么桌面电脑用户和移动用户（手机、平板等）看到的都将是完整尺寸的图片。这对于移动用户来说，一没有必要，二浪费流量，三影响心情（打开速度慢），完全说不过去。
WordPress 4.4 中的响应式图片，增加了 srect 和 sizes 两个属性，让WordPress可以自动根据用户设备的屏幕大小，来显示合适的图片。比如我在 WordPress 4.4 中上传一张 1500 x 706 的图片，移动用户将会看到中图尺寸的图片。
响应式图片这一功能，不需要用户进行任何设置，一切魔法均在幕后完成。
如何关闭WordPress的响应式图片（取消WordPress图片宽带和高度参数）
默认添加到WordPress的内容中的图片会自带尺寸高度和宽度，有时候限制我们原本的图片尺寸。这我们可以禁止掉这些默认参数，采用固有的图片的尺寸。
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );
function remove_width_attribute( $html ) {
$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
return $html;
}
这样就去掉WordPress的限制尺寸。
相关文章
-
WordPress插件:All in One WP Security & Firewall 怎么样(附：AIOWPS拦截垃圾评论设置教程) 2023-01-26 21:51:51
-
在 PHP 中如何通过一行代码就交换两个变量的值 2023-01-26 00:18:31
-
WordPress主题:Pin Premium (WordPress仿Pinterest样式瀑布流主题) 2023-01-25 23:36:43
-
免费WordPress主题:Maupassant(WordPress中文博客主题) 2023-01-25 23:31:29
-
wordpress报错：修复MySQL 1064错误问题 错误原因和解决方法 2023-01-24 10:42:04
-
WP Rocket – 强大的WordPress缓存加速优化插件（附：WP Rocket插件设置过程与七折优惠码） 2023-01-24 00:41:44
-
WordPress 实现静态化搜索结果页面的方法 2023-01-24 00:41:44
-
get_permalink、get_the_permalink和the_permalink有啥区别? 2023-01-24 00:41:08
-
为什么选用WordPress搭建独立站？ 2023-01-23 20:25:21
-
WordPress弹窗插件：Smart PopUp Blaster （WordPress模态框弹出层插件） 2023-01-23 17:24:16