前端学习——认识svg和png格式图片

入门前端开发的这段时间，我经常听到的两种图片格式：svg和png。这两种图片格式分别是什么样子的呢，又有什么区别呢？对此，我查阅资料有了以下的认识。

1、svg是矢量图，png是位图。简单了解：位图会受到分辨率大小的影响，分辨率越高，图片越清晰，而矢量图不会受到分辨率影响

2、svg由图形和路径组成，png由像素组成

3、svg不会因为放大而失真，并且支持透明度和动画，是 XML 编写的代码片段；png清晰度会随着图片的大小而变化，支持透明度但不支持动画

4、svg可编辑，适合图形设计、文字设计，png不可编辑