广告
AD
关于   小悟志   栏目   标签   文章   归档   友链

   云上小悟  +  

WordPress对图片的裁剪功能与响应式图片

网站建设 / by: 麦新杰 / 发布:2017年2月13日 / 66次阅读 / 2条评论
标签:WordPress   / 最后修改时间: 2017-02-13 21:51:53

网站建设 / 2017年2月13日 / 66次阅读 / 标签:WordPress  

拍拍贷
featured image

WordPress现在支持响应式的图片,所谓响应式图片,其实就是在<img>标签里面,有一个srcset属性,这个属性将此图片的所有尺寸的版本呢都罗列出来,由浏览器在展现页面的时候,自行选择最符合窗口大小的图片来显示。比如,PC端的浏览器就选择大一些的图片,这样会有较好的效果,而移动端的浏览器就选择小一些尺寸的图片,这样既不影响效果,也加快页面加载速度。

 

下面这部分代码就是一个响应式图片的HTML代码:

 

本文想记录的是这样一个问题:

WordPress媒体库自带一个图片裁剪功能,如果你对网站上传的图片使用这个裁剪功能,那么,将失去响应式图片的效果,即使用裁剪之后的图片,网页图片将不再是响应式的。观察到裁剪功能使用之后,系统会自动生产一个新名称的图片,而这个图片只有一个尺寸的版本。要使用srcset功能,需要一张图片有多个尺寸版本。

麦新杰不能确定这是否是WordPress的一个bug,反正记住,不用WordPress自带的图片裁剪功能即可。

-- (*^-^*) --

本文链接:http://www.maixj.net/wz/wordpress-tupian-14374
云上小悟 麦新杰(QQ:1093023102)

《WordPress对图片的裁剪功能与响应式图片》有2条评论

电子邮件地址不会被公开。 必填项已用*标注

  • BanYuner  said:

    好吧 这个确实是一个好方法 但是直接设置图片100%宽度填充的话 那么图片就受宽度影响 就不用设置这个响应式了   [ 回复 ]

    • 麦新杰  said:

      响应式图片有不同尺寸在不同屏幕展现不同文件的好处,主要是移动端。   [ 回复 ]


前一篇:
后一篇:

云上小悟独立博客网站文章内容,除非特别注明,全部都是原创(非原创请阅读本站版权声明),如需转载,请保留文章链接!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!

©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  economists.cn的备案号:苏ICP备14045477号-3    联系我们

云上小悟,麦新杰的独立博客