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

发布于 2022-09-12 03:22:00 字数 404 浏览 21 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

执笏见 2022-09-19 03:22:00

我觉得还是兼容性问题吧,因为IE就不支持这个属性,而Chrome,Firefox从38才完全支持,如果不存在低版本的兼容问题,是可以用的,没啥问题。

提供一个工具,一个检测浏览器的兼容性网站,对于HTML5和CSS3功能支持

浏览器兼容性网站:Can I use (点击我试试) http://caniuse.com/

許願樹丅啲祈禱 2022-09-19 03:22:00

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

IE 压根不支持。

Chrome 从 38 版本开始支持。

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

Android WebView 从 6.0 版本开始支持。

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

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

染墨丶若流云 2022-09-19 03:22:00
  1. 很多开源产品已经在用了
  2. 你应该用
  3. 你管别人用不用呢……
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文