SVG 缩放后线条变粗或消失？从描边、viewBox 到位图导出排查

SVG 缩放后线条变粗、变细或直接消失，常见原因不只一个：描边是否随缩放、viewBox 是否覆盖完整图形、路径是否真的存在，以及最后转成位图时的尺寸是否合适。先区分矢量文件问题和导出问题，再决定修结构还是改输出。

先看 viewBox 和画布关系

如果 viewBox 没有覆盖所有路径，导出时可能被裁切；如果画布远大于图形，缩小后主体会显得很小。先在矢量编辑器或预览器中确认图形边界，再检查 viewBox、宽高和透明背景。

描边缩放会改变视觉重量

有些 SVG 的描边会随整体缩放，有些会使用不随缩放的描边策略。图标从大尺寸缩到小尺寸后，细线可能消失，粗线也可能堵住内孔。需要交付多种尺寸时，不能只导出一次再无限缩放；应在目标尺寸上检查关键线条和负形。

继续编辑和最终交付是两条路径

需要继续编辑时，保留 SVG 和字体/外部资源信息，先修复路径、描边和资源引用。只需要网页或图片时，再导出 PNG/JPG/WebP，并检查透明、像素尺寸和边缘。

图叮 SVG 转图片工具可以生成位图副本，但位图导出不会修复原始 SVG 的 viewBox 或路径问题。导出后应该在实际使用尺寸查看，而不是只在放大状态判断。

一张验收表

• viewBox 覆盖完整图形；
• 描边在目标尺寸下仍然可辨；
• 透明背景与实色背景都没有意外边框；
• 外部字体和图片资源已经按交付要求处理；
• 导出文件的尺寸、格式和命名符合接收端要求。

SVG 缩放问题的核心是先确定矢量结构，再确定导出场景。把两种问题混成“改画布大小”，往往只能让错误换一种形式出现。