清晰 SVG 文本导出的最佳设置

大多数有缺陷的文本转 SVG (Text-to-SVG) 导出并非转换器本身的问题，而是因为针对特定任务使用了错误的设置。无论是 Logo 草图、React 资产、激光切割文字，还是交付给开发人员的素材，它们可能来源于同一段文本，但对几何数据的要求却截然不同。

本指南并不旨在提供一个“完美”的通用预设。其核心在于帮助你理解哪些控制项真正发挥作用，以及何时应该在简便性与保真度之间做出权衡。

为什么这很重要

TextToSVG 提供了一些表面看似微不足道的选项：

• 字距调整 (Kerning)
• 连字 (Ligatures)
• 贝塞尔曲线精度 (Bezier accuracy)
• 分离字符 (Separate characters)
• 填充与描边选择 (Fill and stroke decisions)
• 导出格式 (Output format)

这些选项决定了最终结果是否干净、可靠，并且在后续工具中是否易于使用。如果在开发或生产后期发现导出的 SVG 文件有问题，最好的解决办法通常是重新调整导出设置，而不是手动去修复文件。

分步优化指南

1. 从明确最终用途开始

在调整任何设置之前，请先明确该 SVG 的最终用途：

• Logo 或文字标志的设计探索
• Web 前端或 React 组件图形
• 激光切割或 CNC 制造
• 开发者设计交付 (Developer handoff)

你的设置应当服务于具体的最终用途，而不是一个泛泛而谈的“理想”导出标准。

2. 根据字体间距质量决定是否开启字距调整

字距调整 (Kerning) 是指应用字体内部预设的针对特定字母对的间距微调。

• 开启它以适用大部分设计工作。这通常能带来更自然、更具美感的字母间距。
• 关闭它，仅当需要严格的手动间距调整，或希望逐一检查特定的字母对间距时。

针对 Logo、Web 图形以及对排版有较高要求的大多数导出任务，建议保持字距调整为开启状态。

3. 有目的地使用连字

连字 (Ligatures) 会将如 fi 或 fl 等字母组合替换为字体提供的连接字形。

• 开启，当连接的形状在视觉上更美观、更符合设计需求时。
• 关闭，当需要精确的逐字控制，或者这种连接的轮廓会导致制造/切割过程变得复杂时。

连字通常非常适合用于展示型排版，但在制造业或需要加工的文本中则不太实用。

4. 将贝塞尔精度视为一种平衡控制

贝塞尔精度 (Bezier accuracy) 影响曲线字形的拟合逼真程度。

• 较低的精度会生成包含较少节点的更简单的几何形状。
• 较高的精度能高度保留平滑的曲线感，但会生成更密集的路径节点。

针对需要精细呈现的 Logo 或高分辨率核心图形，推荐使用较高精度。而针对大多数制造任务或较小的 UI 资产，使用中等精度通常是最佳选择。

5. 仅在需要字符级控制时分离字符

分离字符 (Separate characters) 在以下情况非常有用：

• 你想要对单个字母进行独立动画处理
• 你需要手动微移某一个特定字符
• 你希望更方便地检查字母的轮廓边界

在以下情况下请将其保持关闭状态：

• 文本应该作为一个完整的干净形状被导出
• 你希望文件中减少不必要的独立组件
• 后续工具从逐字拆分的结构中得不到任何实质性好处

针对不同用例的最佳设置推荐

Logo 设计与探索

• 字距调整 (Kerning): 开启
• 连字 (Ligatures): 若能改善标志视觉则开启
• 贝塞尔精度 (Bezier accuracy): 中等到高
• 分离字符 (Separate characters): 通常关闭
• 填充 (Fill): 开启
• 描边 (Stroke): 仅在 Logo 概念确实依赖描边时开启

此场景的目标是视觉质量最优。优美的曲线和合理的间距比文件的简约性更重要。

Web 图形和 React 资产

• 字距调整: 开启
• 连字: 针对展示文本开启，要求严格控制时关闭
• 贝塞尔精度: 中等
• 分离字符: 除非你需要逐个字母实现动画，否则关闭
• 填充: 通常开启
• 描边: 仅能在设计非常需要时使用

如果该图形在代码中会继承或动态调整颜色，请在导出后通过 CSS 或代码进行控制，而不要认定固定的填充一定是正确的。 有关使用 React 组件的更详细说明，请参考我们的指南：React 中的文本转 SVG。

激光切割和制造

• 字距调整: 开启
• 连字: 通常关闭
• 贝塞尔精度: 中等
• 分离字符: 可为检查轮廓而开启，随后视具体切割需求而定
• 单位: mm 或 in
• 填充或描边: 使用填充形状进行预览，以检查字体主体的切割厚度

此场景的首要关注点是几何形状的“可制造性”，而非字体排印效果的细枝末节。

开发者交付 (Developer Handoff)

• 字距调整: 开启
• 连字: 取决于最终设计素材是否预期使用它们
• 贝塞尔精度: 中等
• 分离字符: 除非开发团队明确要求逐字控制，否则关闭
• 填充: 保持简单直接
• 描边: 避免不必要的描边复杂度

交付的文件应具备极高的可预测性，能轻松丢进代码库中直接使用，而不需要过于复杂的设计技巧。

常见错误以及如何修正

过度使用贝塞尔精度

如果导出的文件体积过大却未能带来明显的视觉提升，请降低精度。许多导出文件携带的路径细节远远超过了目标场景所需的程度。

盲目保留连字而未检查结果

虽然某些单词的连字版本确实更好看，但有时它们会使得编辑、动画制作或生产加工变得困难。务必仔细检查所有的合并形状。

默认采用字符分离

逐字输出在特定工作流中很有用，但不必要的分离只会让文件变得难以管理。只有在下一步工作明确需要它时才开启。

试图用描边来弥补错误的字体选择

如果文本缺乏张力、需要更强的存在感，请先尝试选择更大字重的字体，而不是试图单纯依赖描边来挽救它。

在每次任务中使用相同的预设

一个适用于展示大图的设置，对于 CNC 或激光雕刻方案可能是完全错误的。请让具体的用途和工作流来决定最终的导出选项。

有关更广泛的故障排除检查清单，请参阅常见文本转 SVG 错误及其修复方法。

常见问题 (FAQ)

字距调整是否应该通常保持开启？

是的。在绝大多数情况下，开启字距调整能显著改善文本间距，带来更干净专业的结果。

连字总是更好的吗？

不一定。连字对大屏展示文本可能有所帮助，但并非对于每个单词和处理流程它都是最优解。

贝塞尔曲线精度的最安全默认值是什么？

中等精度 (Medium) 是一个绝佳的起点。如果是高可视度的曲线，可以将其调高；反之，若简单的几何表现更为关键，则可适当降低它。

什么时候我该分离字符？

只有在你需要实现逐个字母的检查、独立动画或者特定的定位控制时。

清晰、合格的 SVG 导出设置是与上下文紧密相关的。所谓最“干净”的文件，通常是能够与你工作流的下一步完美契合的文件，而不是简单将每个参数都拉满的那一个。