要把 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 不会自动去背景。


