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 4.4中文体验站尝鲜,也可以下载WordPress 4.4 Beta1进行测试,或者在现有的WordPress网站中安装Responsive Image插件。
-
1 NextGEN Gallery 相册插件修复一个严重的 SQL 注入漏洞
-
2 WordPress 4.7取消图片替换文本回滚功能,改进网站可访问性
-
3 20个你可能还不知道的WordPress隐秘功能(11~15)
-
4 7个优秀的WordPress免费插件帮你打造响应式网站(下)
-
5 7个优秀的WordPress免费插件,帮你打造响应式网站(上)
-
6 WordPress 4.4.2安全维护版本发布
-
7 如何禁用WordPress 4.4中的JSON REST API功能
-
8 WordPress 4.4.1 安全升级版发布
-
9 如何恢复WordPress 4.4中被移除的“获取短链接”按钮
-
10 如何修复使用SSL证书时WordPress 4.4无法加载图片的错误
木有必要。。