将Adobe Illustrator文件添加到HTML中

Question

我已将一个.ai（Adobe Illustrator艺术作品19.0）文件添加到我的HTML页面。经过一些测试，似乎我无法使用正常的<image>标记添加此项。

这样做的最佳做法是什么？

Answer 1

我在Inkscape上，但插画输出也是矢量文件。应该有一个.svg输出，尝试导出到该输出类型，并可以使用该标记。

有各种各样的方式来使用SVG在HTML 这是我经常使用：

1. <img>方式：<img src="url.svg">
2. 内嵌SVG的方式：在你喜欢的编辑器打开文件（卓异或记事本），将代码复制并粘贴到html代码上。

编辑

要做到这一点你的方式：

• 将您.AI文件到.svg文件。我通过使用在线工具成功完成了。 （你甚至可以使用输出SVG本身和使用它的<img>标签）
• 打开它在记事本了
• 将代码复制到HTML文件
• 可选：优化SVG代码，使其更短（有一个一堆在线工具）

警告：使用内联SVG，特别是非常大的可能会影响您的网站的响应速度。但不那么复杂和小的应该没问题。

Answer 2

好吧，据我所知，没有任何这样的做法。我能想到的最接近的事是：

http://ai2html.org（你必须使用image_format：SVG）

您也可以将其导出到不同的文件类型，如果这是你的解决方案。