在 Adob​​e Illustrator 中创建 SVG 时,为什么某些 SVG 滤镜会自动转换为 PNG?

平面设计 adobe-illustrator svg 效果 光栅 筛选
2022-02-25 05:25:33

我想知道为什么PNG当我将整个文件导出到SVG. PNG由于可扩展性,我不想要任何隐藏文件。

换一种说法:

为什么我创建的某些效果会被光栅化,即使我在使用矢量文件格式的矢量应用程序中工作?

1个回答

SVG 可以引用其他 SVG 或图像。当我测试 Illustrator (Illustrator CC 17.1.0) 的 SVG 输出时,将 SVG AI_GaussianBlur_4 应用于具有渐变填充的圆形对象会导致文件中只有 SVG 标记。我做了一遍,但这次应用了投影,然后应用了 SVG AI_GaussianBlur_4。代码包括一张图片。如果我在对象上应用 2 个 SVG 过滤器,则 SVG 包含一个图像。

基于此,我会说:

  • 如果您的文件包含任何不是 SVG 过滤器的效果,并且确实需要进行光栅化(风格化 > 投影或任何 Photoshop 过滤器),您最终会得到嵌入文件中的图像。
  • 如果您的文件中的一个对象应用了多个 SVG 过滤器,那么您最终会得到一个嵌入的图像。

我推测一两件事是单独的或串联的:

  • Illustrator 使用的 SVG 插件只是简单地检出艺术品并将其交给光栅化器,并在遇到对象上的多个效果时要求返回 .png。
  • 为了保留艺术品的外观,特别是考虑到浏览器的变化,Illustrator 会栅格化任何具有非特定 SVG 效果的对象,或者由于复杂性和未考虑浏览器差异而可能渲染不佳的任何对象。

去测试:

  1. 创建一个新文件并在其中绘制一个对象

  2. 确保选中对象

  3. 选择效果 > SVG 滤镜... > AI_GaussianBlur_4

  4. 选择文件 > 保存

  5. 在格式下拉菜单中选择 SVG

  6. 点击保存

  7. 单击 SVG 代码...

  8. 这将打开一个带有 SVG 标记的文本文件。没有嵌入图像。

  9. 返回 Illustrator 并从“保存”对话框中取消

  10. 撤消 AI_GaussianBlur_4

  11. 选择效果>风格化>投影...

  12. 接受默认设置

  13. 选择文件 > 保存

  14. 在格式下拉菜单中选择 SVG

  15. 点击保存

  16. 单击 SVG 代码...

  17. 这将打开一个带有 SVG 标记的文本文件。它将有一个嵌入的图像

我使用这种方法对过滤器和对象进行了各种组合。我注意到:

  • 单一对象的风格化和 SVG 过滤器 = 嵌入图像
  • 应用于单个对象的两个 SVG 过滤器 = 嵌入图像
  • 两个 SVG 滤镜,一个应用于对象 A,第二个应用于对象 B = 没有嵌入图像
  • 三个 SVG 滤镜,一个应用于对象 1,另一个应用于对象 2 = 嵌入图像