做好的 SVG 在自己电脑上正常,发给别人却变了字体,放入另一份文档又大小不对。这里练习一份 120mm × 40mm 的横幅交付:AI 负责读源码、列风险,人负责在 Inkscape 保存副本并验收。目标是交出可继续编辑的母版,以及外观更稳定的展示文件。
准备什么,是否收费
需要桌面 Inkscape、纯文本编辑器和一个能读文本的 AI 助手。Inkscape 是免费开源软件,软件采用 GPL;第三方字体、图片仍要分别确认使用权限。AI 服务是否收费按你已有账户额度判断,本练习不需要专门购买模型或上传真实客户作品。
以下是本站原创练习素材,不是客户成品。源码没有脚本、外部图片和远程字体。陌生 SVG 可能包含外部资源或脚本,先看纯文本,不要直接把不明文件嵌进网站。
第一步:建立一个能算清尺寸的样本
把下面代码保存为 UTF-8 的 banner-master.svg,注意别变成 .svg.txt,然后在 Inkscape 打开。图中应是浅色底、深蓝圆角框和 DEMO 四个字母。
<svg xmlns="http://www.w3.org/2000/svg" width="120mm" height="40mm" viewBox="0 0 120 40">
<title>Sample banner</title>
<rect x="0" y="0" width="120" height="40" fill="#edf4f8"/>
<rect x="4" y="4" width="112" height="32" rx="3" fill="#1b4b65"/>
<text x="12" y="26" font-family="DejaVu Sans" font-size="16" fill="white">DEMO</text>
</svg>
外层宽高给出 120mm × 40mm,viewBox 给出内部坐标 0、0、120、40。本样本恰好让一个坐标单位对应一毫米;换一组 viewBox 后,这个对应关系就可能改变。SVG 坐标规范解释了内部坐标到视口的映射。
先在文档属性里核对页面宽高,再查看对象有没有超出页面。不要只改 viewBox 试图修正画布大小,否则可能改变缩放关系或可见范围。
第二步:让 AI 做检查单,而不是顺手重画
请检查下面 SVG 的交付条件,不重画、不改配色。
目标:页面 120mm × 40mm,比例 3:1;保留可编辑母版,另做文字转路径的交付副本。
逐项列出 width、height、viewBox、文字字体依赖、外链图片、script 和外部资源。
说明哪些可从源码确认,哪些必须在目标软件打开验证。不要把 viewBox 数字当成毫米,也不要保证转路径后适合所有用途。
下面粘贴 SVG 源码。
这个样本的答案应识别一个 text 元素,字体声明为 DejaVu Sans;如果接收方没有该字体,可能替换显示。样本没有 image、script 或 href 外链。若 AI 声称“完全兼容所有软件”,要求它删去这个保证,改成具体接收软件中的打开测试。
第三步:保留母版,另存交付副本
- 先保存母版,之后所有文字修改都回到母版做。
- 另外保存一个工作副本,选中文字,使用 Path → Object to Path(路径→对象转路径)。只在副本做,避免失去文字编辑能力。
- 通过 Save a Copy(保存副本)选择 Plain SVG,命名 banner-delivery.svg。不要把扩展名手改成 SVG 来冒充转换。
- 关闭交付副本,再重新打开它;同时用接收方实际使用的软件检查一次。
Inkscape 导出指南建议保留 Inkscape SVG 母版,用保存副本输出其他格式。Plain SVG 减少编辑器数据,却不会自动消除所有字体和外链依赖;转路径也不会解除字体授权要求。
第四步:用四项验收决定能否发送
- 尺寸:交付文件仍为 120mm × 40mm,长宽比 3:1。网页里的毫米是 CSS 长度,不能拿屏幕尺量实物尺寸;打印还有缩放选项要检查。
- 文字:母版能改 DEMO;交付副本中的字形已成为路径。展示型徽标可以这样做,正文和无障碍阅读文本不宜一律转路径。
- 外观:圆角、留白、文字位置与母版一致,没有裁边或缺字。
- 独立性:复制到一个新文件夹后重开,未因原文件夹中的图片或字体缺失而变化;复杂滤镜还需目标软件单独验证。
本站用已安装的 Inkscape 1.4 命令行处理了上述样本:母版 1 个 text 元素,交付副本 0 个 text、1 个 path,外层尺寸与 viewBox 保持一致;另导出 1200 × 400 像素 PNG 并查看外观。这个结果只验证此简单样本,不代表完成了印刷机或所有目标软件测试。
失败时从哪里查
变字体,回母版确认字体后重做交付副本;图案被裁,核对页面范围和 viewBox;PNG尺寸不对,区分毫米页面与像素导出宽度;复制后缺图,检查是否引用了原目录文件。不要为了消除报错直接删掉不认识的 SVG 节点。
本次检索中,Inkscape GitHub 页面指向 GitLab 代码仓库,不能凭 GitHub 活跃度判断维护状态;已发布维护记录也记录了导出和链接图片相关修复,所以交付前重开检查比只看保存成功更可靠。本文未要求升级软件。
如果最终接收方只要图片,接着看PNG、JPEG 与 WebP 的导出选择。资料核验日期:2026年11月1日。