对比
AI 与 SVG 对比
AI 和 SVG 都能表示矢量图稿。AI 是 Illustrator 工作文件；SVG 是适合网页显示与广泛交付的开放格式。
应该选择哪种格式？
继续在 Illustrator 编辑时保留 AI；网站、界面和图标交付时导出 SVG。
适用于 AI
Illustrator编辑 · 矢量图稿制作源文件
- 保存Illustrator母版
- 矢量设计流程
适用于 SVG
徽标、图标和图表 · 需要缩放的界面图形
- 跨屏缩放的插图
- 可编辑图形
基本信息
| 项目 | AI | SVG |
|---|---|---|
| 扩展名 | .ai | .svg |
| MIME 类型 | application/postscript | image/svg+xml |
| 常见用途 | Illustrator编辑 · 矢量图稿制作源文件 | 徽标、图标和图表 · 需要缩放的界面图形 |
| 打开方式 | 用 Adobe Illustrator 或兼容软件打开，并在目标应用中检查重要图稿。 | 用浏览器、矢量编辑器或兼容查看器打开。 |
| 导出或转换 | 网页或交付时导出 SVG、PDF 或 PNG，并单独保留AI母版。 | 需要位图时导出PNG，并检查尺寸、字体、颜色和透明度。 |
按用途选择
保存Illustrator母版
Illustrator编辑 · 矢量图稿制作源文件
AI矢量设计流程
Illustrator编辑 · 矢量图稿制作源文件
AI跨屏缩放的插图
徽标、图标和图表 · 需要缩放的界面图形
SVG可编辑图形
徽标、图标和图表 · 需要缩放的界面图形
SVG关键点 1
AI 保留 Illustrator 制作原稿。
进一步了解差异关键点 2
SVG 是适合浏览器显示的 W3C 矢量格式。
进一步了解差异进一步了解差异
保留 AI 母版，在交付目标要求时导出 SVG，并检查导出后的显示。
- AI 保留 Illustrator 专有的可编辑制作数据。
- SVG 适合可互操作的网页矢量图形。
- 导出 SVG 后，某些效果和编辑结构可能改变。
常见问题
SVG 能代替 AI 原稿吗？
不一定。保留 AI 供后续修改，并测试交付的 SVG。