なぜ AI を SVG に変換するのですか?
SVG はベクターグラフィックスのオープンなウェブ標準であり、ブラウザ、Figma、および事実上すべてのデザインツールでネイティブに読み取ることができます。.ai から変換することで、相手が Illustrator を所有していなくてもアートワークを共有でき、ウェブサイト、アイコンシステム、CSS アニメーションなどで利用可能になります。詳細は .SVG フォーマットページをご覧ください。
AI から SVG への変換方法
Adobe Illustrator BUILT-IN
.ai ファイルを開き、「ファイル」 > 「別名で保存」から SVG を選択します。Illustrator は独自の編集可能なデータにフルアクセスできるため、最高の再現性が得られます。
Inkscape OPEN-SOURCE
Inkscape で .ai ファイルを開き、「ファイル」 > 「名前を付けて保存」から「最適化 SVG」または「Inkscape SVG」を選択します。
コマンドライン - Inkscape CLI
次のコマンドで変換します:inkscape input.ai --export-type=svg --export-filename=output.svg
AI を変換するプログラム
これらの形式について
AI ファイルは Adobe Illustrator Artwork ドキュメントであり、Adobe Illustrator で作成されたベクターグラフィックスファイルです。最近の AI ファイルの多くは PDF 互換であるため、Adobe Illustrator がなくても Adobe Acrobat Reader、ブラウザ、または macOS の Preview…
.AI の詳細を開く →SVG ファイルは Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)画像です。これは W3C のオープン標準であり、2D グラフィックスを XML テキストとして保存するため、品質を損なうことなく任意のサイズに拡大縮小できます。Chrome、Edge、Firefox、Safari…
.SVG の詳細を開く →品質と注意点
- グラデーションメッシュは SVG ではサポートされていないため、ラスタライズ(画像化)されるか、多数のグラデーションステップで近似されます。
- Illustrator 固有のライブエフェクト(3D 押し出し、特定の描画モードなど)は、書き出し時にラスタライズされるか削除されます。
- テキストは編集可能な SVG
<text>要素として書き出すか、アウトラインに変換できます。ロゴにはアウトラインを、アクセシビリティが必要なコンテンツにはライブテキストを使用してください。
よくある質問
AI から SVG への変換は無料でできますか?
.ai ファイルを開いて SVG を書き出すことができます。なぜ Inkscape では AI ファイルが Illustrator と違って見えるのですか?
.ai ファイルに埋め込まれた PDF レイヤーを読み取ります。Illustrator の完全な編集データではないため、エフェクトやグラデーションメッシュが異なって見えたり、欠落したりすることがあります。