专栏首页Web前端开发JPG、PNG、SVG 和 WEBP 格式图片的业务场景对比

JPG、PNG、SVG 和 WEBP 格式图片的业务场景对比

一、JPG

  • 有损压缩,压缩率高
  • 不支持透明

适用于不需要透明图片的业务场景

二、PNG

  • 支持透明
  • 浏览器兼容性好

适用于需要透明图片的业务场景

三、SVG

  • 矢量图,代码内嵌,相对较小

适用于图片样式相对简单的场景

四、WEBP

  • 压缩程度好
  • 但在 ios webview 有兼容性问题

 适用于安卓

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 关于元素间的边距重叠问题与BFC

    BFC(Block Formatting Context),即块级格式化上下文,创建了 BFC 的元素是一个独立的容器,里面无论如何布局都不会影响到外面的元素

    Leophen
  • Koa 中间件的原理及其应用

    koa 把很多 async 函数组成一个处理链,每个 async 函数都可以做一些自己的事情,然后用 await next() 来调用下一个 async 函数。...

    Leophen
  • LESS变量

    注意:这里的选择器即是选择器也是属性名,譬如将 class、@mySelector:width; 换成 widths 就会报错,不识别,因为 css 里面没有 ...

    Leophen
  • 别瞎搞!对自己定位不准,看再多机器学习资料也是白搭(附资源)

    找资料也是门学问,别抓着机器学习就一拥而上。 作者 | Jason Brownlee 编译 | AI100(ID:rgznai100) 来看个小故事:机器学习火...

    AI科技大本营
  • 【干货荟萃】机器学习&深度学习知识资料大全集(二)(论文/教程/代码/书籍/数据/课程等)

    【导读】转载来自ty4z2008(GItHub)整理的机器学习&深度学习知识资料大全荟萃,包含各种论文、代码、视频、书籍、文章、数据等等。是学习机器学习和深度学...

    WZEARW
  • 在线生成二维码的API接口

    阿炬
  • 果拾网推荐高清图片资源

    貟王軍
  • 美欲重夺超算霸主:18亿美元投资新E级超算计划2022年完成

    精彩回顾 2018 新智元产业跃迁 AI 技术峰会圆满结束,点击链接回顾大会盛况: 爱奇艺 http://www.iqiyi.com/l_19rr3aqz3z...

    新智元
  • 手游开发Android平台周边工具介绍

    主要是需要接入各平台的登录、充值接口,各家SDK又不统一,Android渠道都是鱼龙混杂,就算小渠道你看不上,但量多了,加起来也还可观,所以大家都拿出吃奶的尽去...

    meteoric
  • 各种NB的国外黑客网站

    这次说说一些非常有价值的国外黑客网站大全! 有需要的可保存下来细细琢磨! 本公众号提供了图书馆及下载专区。该图书馆为初学者提供了黑客知识和计算机技术基础知识。下...

    企鹅号小编

扫码关注云+社区

领取腾讯云代金券