將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）

您也可以將其導出到不同的文件類型，如果這是你的解決方案。