前端全链路性能优化实战
刘威
前端架构师
5515 人已学习
已下架
课程目录
已完结/共 60 讲
前端全链路性能优化实战
登录|注册
留言
2
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 03 | 图片优化:如何为不同格式的图片选择合适的应用场景?
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.75x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
本节摘要

课件和 Demo 地址
https://github.com/geektime-geekbang/geek-fepo-course

如果你无法从 GitHub 正常下载课件及 Demo,请打开下方链接进行下载:
https://gitee.com/geektime-geekbang/geek-fepo-course

登录 后留言

全部留言(2)

  • 最新
  • 精选
sky卤代烃
webp 只有 256 色写错了吧?webp 支持 24 bit 的颜色,远比 256 色多啊。同样图片转为 gif (256)和 webp,明显 webp 颜色丰富啊

作者回复: 这里指的是有损压缩的WebP,仅支持8-bit的YUV 4:2:0格式(8-bit也就是256种颜色)。

2020-01-06
2
拖鞋
gif 与 svg动画哪个更好呢

作者回复: 您好,具体来讲: 维护成本上,SVG可以通过代码直接修改,GIF动画需要用图像编辑器对每一帧进行修正; 体积大小上,SVG相对GIF更小; 内容上,SVG是矢量图片,可以自由缩放,GIF和PNG、JPEG一样,放大后图片质量就下降了; 浏览器支持方面,SVG在低版本浏览器支持不好,GIF支持所有浏览器; 所以,总体建议,运营用的动画Banner图片可以考虑GIF,研发负责的动画可尽情选用SVG。

2019-12-11
2
收起评论