SVG、GIF 与手写签名：四种图片小工具的实用场景

设计给的 SVG 上不了某些系统、图标代码里塞满编辑器冗余、动图大到发不出去、合同要一个能贴进 Word 的签名——这四件事都是「图片最后一步」的琐碎活儿。四个本地工具，各解决一个具体出口。

一、SVG 转 PNG：什么时候必须转位图

SVG 是矢量，放大不糊、体积通常更小，但不少场景只收位图：Office 文档插图、部分 CMS 上传、老版 App、社交平台头像。转换工具支持 1x/2x/3x 多倍尺寸与透明背景导出，浏览器本地绘制，文件不上传。

倍率怎么选：屏幕展示 2x 基本够用（适配高分屏），要印刷或再放大裁切选 3x。注意 SVG 里若引用了外部字体或图片，转成 PNG 前先确认字体可用，否则字形可能回退。

二、SVG 压缩：删掉看不见的冗余

设计工具导出的 SVG 常带着大量注释、空白、metadata 与编辑器专属属性。压缩工具会：

• 去除注释、空白与 metadata；
• 压缩数值精度（把 12.00000 变 12）；
• 补全 xmlns 命名空间，避免单独打开时渲染异常；
• 实时显示压缩前后体积与压缩率。

这一步对内联进 HTML/CSS 的图标收益最大，常常能省三到六成体积。压缩后建议在浏览器里打开预览一次，确认路径没变形——极少数依赖编辑器私有属性的复杂图，压缩前先备份原文件。

三、GIF 压缩：三个参数决定体积

参数	影响	建议
尺寸	体积近似按面积缩放，影响最大	先缩到实际展示尺寸，别按原图发
帧率	抽帧直接减少总帧数	表情包 10~15fps 通常够，教程动图可更低
颜色数	GIF 最多 256 色，减色省体积	卡通类降到 64~128 色几乎无损，照片类慎减

工具会把压缩前后的体积与帧数直接摆出来对比，边调边看，比盲猜参数快。若对画质要求高且平台支持，转成 MP4 往往比 GIF 小一个数量级。

四、手写签名：一张透明底 PNG

用鼠标、触控板或触屏手写，实时调节笔迹粗细与颜色，导出透明背景 PNG，直接贴进 Word、PDF 或图片里不会带白框。笔迹只在本机 canvas 绘制，不上传不保存。

写之前想清楚用途：日常审批、电子回执用这类图片签名很方便；但涉及合同效力、需要法律认可的场景，应使用符合《电子签名法》要求的可靠电子签名服务，图片签名不等于可靠电子签名。

五、常见问题

问：SVG 转 PNG 后为什么文字位置变了？
多数是字体缺失导致的字形回退。把文字转成路径（outline）再导出，或在同款字体的环境下转换。

问：压缩后的 SVG 在某些软件里打不开？
部分老软件对极简 SVG 支持不全。保留 xmlns、必要时留一点数值精度即可，工具默认已考虑这点。

问：这些图片会上传到服务器吗？
不会。四个工具都在浏览器本地绘制、编码与导出，图片和笔迹不出本机。

六、按场景选工具

1. 系统只收位图 → SVG 转 PNG（先定倍率）；
2. 图标要内联进网页 → SVG 压缩；
3. 动图太大发不出去 → GIF 压缩，必要时改 MP4；
4. 文档要签字 → 手写签名导出透明 PNG，正式合同走合规电子签名。

图片工作的收尾往往就卡在这些小格式上。四个工具都免安装、免上传，收藏起来随取随用。