要把 Logo 用在多种尺寸,或修改图中的某个形状,可以选择 SVG。如果 PNG 在需要的尺寸下已经清晰,就可以继续用。两种格式都支持透明背景。

按用途选择

  • Logo 要反复放大缩小:优先用原始 SVG,也要检查最小尺寸下是否易读。
  • 只在一个固定位置显示:清楚的 PNG 可能就够了,手机和电脑都要检查。
  • 照片:通常选择 PNG、JPEG 或 WebP,并确认网站或软件支持。
  • 要改某个颜色或曲线:用 SVG,打开后确认能单独选中这些部分。
  • 软件不接受 SVG:导出所需尺寸的 PNG,在最终背景上检查。

PNG 要多大?

显示宽度是 200 像素时,400 像素宽的 PNG 可为 2× 屏幕提供足够像素。但把 100 像素图片拉到 400 像素,并不会找回缺失的细节。

SVG 一定更小、更透明吗?

不一定。简单 Logo 只需少量形状,复杂插画可能变成几千个形状,文件反而更大。替换网站图片前,对比大小和显示效果。

想检查透明度,把 PNG 放到深色背景上。如果白框或灰色棋盘格仍在,它们就是图片的一部分,需要先去除。

看这张送信小狗

小尺寸网页插画可能直接用 PNG 就够了。想修改红色信封,可以在绘图软件中打开 SVG 并选择对应形状。浅蓝底色属于原图,转换后仍会保留;选择 SVG 不会自动去背景。

原图
原图
转换后的 SVG
转换后的 SVG
原图 · 转换后的 SVG · 查看示例的制作过程