html的source标签属性 type="image/svg+xml" 方式,在支持的浏览器里使用SVG,在不支持的浏览器里显示PNG,优点是type灵活,可用于SVG,WEBP等,而且保持了img标签的特性,方便做布局操作。缺点兼容性要求高,ios9+,安卓5+,微软Edge+

srcset="svg.svg 2X" 方式,在2倍屏显示SVG,在其他显示PNG,缺点同上

svg标签方式,缺点必须指定宽高,没有图片的保持款高比例特性,优点兼容性好

在连接数上以上三种方式都只会有一个并发