UI设计师咨询：SVG资源仅提供主尺寸是否满足开发需求？

关于SVG单尺寸交付的合理性 #

你的假设完全合理，这也是行业内的标准做法。SVG作为矢量格式，通过CSS的width/height属性或transform: scale()就能实时调整尺寸，不会损失画质，完全不需要导出多尺寸版本。

需要注意两个细节：

• 确保导出的SVG包含正确的viewBox属性，不要手动删除，这是SVG能自由缩放的核心。
• 清理XD导出时带的冗余代码（比如多余的命名空间、注释、固定尺寸的width/height属性），保留矢量路径即可，这样开发能更灵活地控制样式。

复用图标的高效交付方案 #

你不想逐个标记导出的思路非常务实，推荐两种落地方式：

• 交付SVG Sprite文件：用XD的插件（比如SVG Export）把所有单个实例的图标导出为一个SVG Sprite文件——这个文件里每个图标会被封装在<symbol>标签中，开发只需要用<use xlink:href="#图标名称">就能在页面中复用任意次数，不用重复引入多个SVG文件。
• 交付整理好的源文件+图标清单：如果开发需要自己处理SVG，直接给他们只包含单个图标实例的XD主文件，同时附一份简单的清单，标注每个图标的名称、默认使用尺寸、出现场景（比如“user-icon：24px，用于导航栏、用户卡片”），避免开发在源文件里反复找。

兼顾双方效率的整体流程建议 #

• 提前对齐格式偏好：和开发团队确认他们更接受哪种交付方式——是单个SVG、SVG Sprite，还是直接用图标管理工具，避免做无用功。
• 统一命名规范：图标名称用小写字母+连字符的格式（比如search-icon、settings-menu），不要用中文或特殊字符，方便开发在代码中引用。
• 标注特殊状态：如果图标有hover、active等交互样式，不用在XD里标记每个实例，直接单独写一份说明文档，比如“search-icon hover状态：填充色从#666变为#222”，清晰明了。
• 压缩优化SVG：导出后用SVG压缩工具精简代码，去掉不必要的元数据，减小文件体积，提升页面加载速度。

内容的提问来源于stack exchange，提问作者thepixellator