HTMLにAdobe Illustratorファイルを追加します

Question

私のHTMLページに追加する.ai（Adobe Illustratorのアートワーク19.0）ファイルが提供されています。少しのテストの後、通常の<image>タグを使用してこれを追加できないようです。

このためのベストプラクティスは何ですか？

Answer 1

私はInkscapeにはいっていますが、イラストレーターの出力もベクトルファイルです。 .svg出力があり、その出力タイプにエクスポートしようとすると、タグでそれを使用することができます。

1. <img>方法：<img src="url.svg">
2. インラインSVG方法：お好みのエディタでファイルを開きます（サブライムやメモ帳をHTMLここ にSVGを使用するためのさまざまな方法があります

   は、私がよく使うものです）、コードをコピーしてHTMLコードに貼り付けます。

編集

はそれをあなたの方法を実行します。

• は.SVGファイルにあなたの.AIファイルを変換します。私は正常にオンラインツールを使用して行った。 （あります、それは短くするSVGのコードを最適化：HTMLファイル
• オプションにコードを（あなたも、出力SVG自体を使用して<img>タグにそれを使用することができます）メモ帳
• コピーで
• 開き、それまで

警告：インラインSVGを使用すると、特に非常に大きなものがサイトの応答性を損なう可能性があります。しかし、それほど複雑ではない小さなものはうまくいくはずです。

Answer 2

私が知っている限りでは、これの練習はありません。私は考えることができる最も近いものは次のとおりです。

http://ai2html.org（あなたがimage_formatを使用する必要があります：SVG）を

これはあなたのためのソリューションである場合にも、別のファイルタイプにエクスポートすることができます。