Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
526 views
in Technique[技术] by (71.8m points)

图片的srcset属性为什么没有人用呢?这个属性被大家忽略了吗?

H5的image标签有一个srcset属性,直觉上这应该是用于处理响应式图片的,因此,我们修改了上传功能,一个图片上传后,根据大小保存多个版本,如160、320、640、1024、1920、原图,大图存6张,小图如小于160只存原图,小于640则存三个版本,依次类推,文件名第一个字符是一个数字,代表有几个图片,image在显示时,根据这个数字,生成一个srcset属性,把所有图片路径挂上,以实现自动适应下载适当的图片。但如果css写得不太对,效果就不好。
但我们看业界似乎都不大用这个srcset属性,另外一种处理图片大小的方式是上传时保存原图不处理,image的src属性添加高度和宽度参数,通过nginx插件对图片修改尺寸后下载,同时缓存这个版本,以后下载不再重新生成。这样可以有任何尺寸的图片而不限于几种规格。
我们正在犹豫要不要改为动态生成大小的方式,请不吝指导,谢谢!


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

你们考虑低版本浏览器和 IE 的兼容性问题吗?

IE 压根不支持。

Chrome 从 38 版本开始支持。

Safari / iOS Safari 从 9 版本开始支持。

Android WebView 从 6.0 版本开始支持。

其他魔改版浏览器内核不在讨论范围内。

不考虑兼容问题你想用就用。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...