本指南介绍 SVG 与 PNG 的区别、什么时候需要把 SVG 转成 PNG、转换时如何选择尺寸，以及透明背景该怎么处理。
什么是 SVG，什么是 PNG？
SVG（可缩放矢量图形）是一种基于 XML 的矢量格式。图形由数学路径、形状和颜色描述，而不是由像素组成，因此无论放大到多大都不会失真。Logo、图标、插画和按钮这类图形，设计师通常会用 SVG 制作。
PNG 是一种位图（栅格）格式，由固定数量的像素组成，支持透明背景（alpha 通道），通用性极强——几乎所有软件、平台和系统都能直接打开使用。
什么时候需要将 SVG 转换为 PNG？
最常见的场景包括：上传平台不支持 SVG（例如部分电商后台、社交平台、素材市场）；设计稿需要以位图形式交付；以及对方只接受 PNG 文件。
另一个常见场景是图标导出：在代码或设计稿中使用 SVG，但交付给非技术同事或上传到素材库时，PNG 更通用。
转换时如何选择尺寸？
原始尺寸：直接按照 SVG 自身定义的尺寸导出，适合尺寸已经正确的场景。
倍率缩放：2×、3×、4× 用于高清屏（Retina 屏）场景。图标通常建议至少导出 2×，在高分屏上才不会显得模糊。
自定义尺寸：按目标使用场景手动设置宽度和高度。建议勾选锁定比例，避免图形被拉伸变形。
透明背景应该怎么处理？
PNG 原生支持透明背景，因此默认会保留 SVG 中的透明区域。
如果你需要的是带底色素材（例如白底图片用于印刷排版），可以在背景选项中选择白色、黑色或任意自定义颜色。