图片的srcset属性为什么没有人用呢?这个属性被大家忽略了吗?
H5的image标签有一个srcset属性,直觉上这应该是用于处理响应式图片的,因此,我们修改了上传功能,一个图片上传后,根据大小保存多个版本,如160、320、640、1024、1920、原图,大图存6张,小图如小于160只存原图,小于640则存三个版本,依次类推,文件名第一个字符是一个数字,代表有几个图片,image在显示时,根据这个数字,生成一个srcset属性,把所有图片路径挂上,以实现自动适应下载适当的图片。但如果css写得不太对,效果就不好。
但我们看业界似乎都不大用这个srcset属性,另外一种处理图片大小的方式是上传时保存原图不处理,image的src属性添加高度和宽度参数,通过nginx插件对图片修改尺寸后下载,同时缓存这个版本,以后下载不再重新生成。这样可以有任何尺寸的图片而不限于几种规格。
我们正在犹豫要不要改为动态生成大小的方式,请不吝指导,谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
我觉得还是兼容性问题吧,因为IE就不支持这个属性,而Chrome,Firefox从38才完全支持,如果不存在低版本的兼容问题,是可以用的,没啥问题。
提供一个工具,一个检测浏览器的兼容性网站,对于HTML5和CSS3功能支持
浏览器兼容性网站:Can I use (点击我试试) http://caniuse.com/
你们考虑低版本浏览器和 IE 的兼容性问题吗?
IE 压根不支持。
Chrome 从 38 版本开始支持。
Safari / iOS Safari 从 9 版本开始支持。
Android WebView 从 6.0 版本开始支持。
其他魔改版浏览器内核不在讨论范围内。
不考虑兼容问题你想用就用。