矢量基础

SVG 和 PNG 怎么选?图标、照片与透明素材

编写与维护:甜番茄电商科技有限公司 · 更新于

需要可缩放路径和继续改色的平面图标可选 SVG;需要固定像素、照片层次或广泛的图片接收兼容性时可选 PNG。透明不是 SVG 独有的能力。

先判断问题与适用条件

PNG 能保存透明通道,但放大后仍受像素限制。SVG 能包含位图,复杂描摹也可能比 PNG 更大。选择时要看内容结构、目标软件和实际展示尺寸,不必把每份素材都矢量化。

按顺序处理与检查

  1. 确认接收平台是否支持 SVG 上传与渲染。
  2. 比较实际尺寸下的观感和真实文件大小。
  3. 保留 SVG 母版,按具体渠道另行导出 PNG。

完成后怎样验收

如果接收方仅允许位图,就按要求导出足够像素的 PNG。不要把 PNG 改后缀提交,也不要把重新栅格化后的素材误标为可编辑矢量路径。

SVG 格式依据与参考资料

SVG 可以同时包含矢量形状、图像和文字。因此,文件名以 .svg 结尾,并不能单独证明原图已转换成可编辑路径。W3C SVG 2 规范:SVG 图形对象说明了这些对象类型。

以上资料用于说明文件格式。本站的上传限制、会员要求、结果保存与编辑能力,以页面说明和实际功能为准。

本篇延伸资料