Adobe Illustrator导出SVG代码差异:如何生成旧版简洁格式?
解决Adobe Illustrator导出SVG与旧版格式一致的问题
一、生成一致简洁SVG的操作步骤
Adobe Illustrator设置调整
- 导出SVG时,打开导出设置面板,调整以下核心选项:
- 选择
SVG Tiny 1.2或SVG 1.1格式(旧版AI普遍使用该标准) - 在坐标选项中勾选
相对,替换默认的绝对模式 - 在CSS属性设置里选择
样式元素,同时启用精简类名(新版AI需在高级选项中调出该功能) - 关闭
包含画板、保留编辑能力选项,避免生成冗余代码 - 启用
压缩模块下的移除未使用的样式和合并重复样式功能
- 选择
后期代码优化
- 利用AI内置工具或手动调整:
- 手动将自动生成的混乱类名(如
cls-1、cls-2)替换为旧版的简洁类名 - 执行
对象 > 路径 > 简化命令,清理路径节点,保证相对坐标的连贯性
- 手动将自动生成的混乱类名(如
二、操作中可能存在的问题
- 版本逻辑差异:旧版AI(如CS6至CC2018版本)的SVG导出默认优先输出相对坐标和精简样式,而28.3新版为兼容更多编辑功能,默认采用绝对坐标和自动生成类名的规则
- 跨软件特性差异:Affinity Design和Inkscape的SVG导出规则与AI存在本质区别,无法复刻AI特定版本的输出格式
- 符号属性未继承:旧版符号可能在
符号面板中设置了专属的导出优化属性,新版修改符号时未继承该配置
三、需要补充的信息
- 旧版SVG文件的完整代码片段(重点查看
<style>标签结构和路径坐标格式) - 旧版AI的大致版本范围(如CS系列/早期CC版本)
- 符号库的原始创建方式(是否为外部导入、是否使用过批量处理脚本)
内容的提问来源于stack exchange,提问作者Ulf N
相关产品推荐
相关产品推荐

