Adobe Illustrator cs5 svg文件大小

Question

您好我的svg大小问题。

当我在画布上有一些文本时，例如：

Text1
Text2
Text3

我需要将每个text保存到svg。所以我用Artboard工具选择Text1并保存。分辨率大小为5kb。但是当我从画布中删除Text2和Text3并保存Text1时，svg大约有1.2kb。

如何在不删除对象的情况下实现更小的尺寸？我试图将文本放入图层并隐藏它们，但它不起作用。

Answer 1

尝试并使用此在线SVG清理优化器：

https://jakearchibald.github.io/svgomg/

有很多选项可以清理Illustrator代码以获得较小的SVG文件大小。

您可以粘贴标记或上传SVG文件。

其他一些有用的提示：

• 删除不需要的空格
• 删除不需要的标记，例如嵌套的<g>标记
• 尽可能减少小数
• 使用变换，而不是创建其他路径，形状或点
• 删除不需要的属性，尤其是在HTML页面中包含SVG标记时
• 如果包含在HTML页面中，则删除不需要的名称空间URI。
• 删除SVG文件中包含的doctype和xml标记（如果包含在HTML页面中）
• 删除任何隐藏的矢量指针
• 可能使用平面颜色代替渐变和模糊。
• 将内联样式转换为CSS的标记
• 优化和任何外部图像，png最好使用tinypng.com
• 如果你的SVG只是用作图像，那么将它的成本称为常规PNG，而不是SVG

Answer 2

隐藏图层不会将其从svg代码中删除，它只是将组（图层）上的显示设置为“无”，这些点仍然在代码中表示。这是SVG文件的预期功能。如果你想要一个较小的文件大小，你真的需要在保存之前从文件中删除元素。