GUIDE深度 · Deep dive
什么时候用 SVG,什么时候用 PNG?
SVG 是矢量:放大不糊、体积小、可改颜色,适合图标/logo/图表;PNG 是栅格:兼容性最好、适合复杂插画/截图/需要固定像素的场景。网页优先 SVG,社交/印刷/老系统再转 PNG。
选 SVG
图标/logo/图表。
需要多尺寸/改色。
选 PNG
复杂插画/截图。
平台只收位图。
常见问题
SVG 一定更小吗?
简单图形通常;复杂路径/嵌入位图可能更大。
PNG 能放大吗?
会糊;要放大用 SVG 或重新导出高分辨率。