前端学习——认识svg和png格式图片_svg和png有什么区别

作者：小丑西瓜9 | 2024-05-17 00:40:53

踩

svg和png有什么区别

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

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

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/581153