SVGとEPSとAIの違い：何が違うのか

1. 3つの形式を1行ずつ整理する

SVGは、Webのために作られたオープンなベクター標準で、ブラウザがそのまま扱えます；EPSは、PostScriptを土台とする古い印刷用の受け渡し形式；AIは、Adobe Illustrator独自の作業用形式です。3つともベクターの作品を保存しますが、位置づけとエコシステムはまったく違います。この役割分けを知っておけば、誤った形式で納品してあとから作り直す事態を避けられます。

2. 細かく比べる

項目	SVG	EPS	AI
正体	W3Cのオープン標準（XML）	PostScriptを包む形式	Illustrator独自の形式
オープン性	完全にオープンで人間が読めるテキスト	仕様は公開されており対応ソフトは広い	プロプライエタリ
ブラウザでの表示	ネイティブに対応	非対応	非対応
主な用途	Webのアイコン、イラスト、グラフ	印刷と彫刻の納品	デザインのソースファイル
編集	パス単位の編集	限定的	レイヤー、アートボード、エフェクトを完全編集

3. SVG：Webと複数プラットフォームの作業の第一選択

SVGの強みはオープン性とWebとの相性です。ブラウザが直接描画し、CSSやJavaScriptで色を変えたりアニメーションさせたりでき、ファイルが小さく圧縮にもよく、どのテキストエディタでも編集できます。弱点は色がほぼRGBで扱われる点にあり、スポットカラーやオーバープリントといった本格的な印刷の機能は弱く、最高水準の印刷の流れではPDFやEPSが主流です。日常のWeb素材やアイコン、ロゴではSVGが答えです。SVGはHTMLに直接埋め込むこともでき、ページと一緒に読み込まれるので画像のリクエストを1つ減らせます。ラスターが欲しくなったときにも任意の解像度でPNGを書き出せるので、選択肢は残ります。

4. EPS：古典的な印刷の受け渡し形式

EPSはPostScriptで作品を説明し、印刷と彫刻の業界では長く標準の納品形式でした。ほぼすべてのプリプレスや彫刻ソフトが受け付けます。注意したい点が2つあります。古い形式のEPSは重なりのある透明に対応しておらず、透明効果がつぶされます。またブラウザで直接プレビューもできません。近年はPDFがその役割の多くを代替しましたが、多くの印刷所は依然としてEPSを求めます。実際にはバージョンを確認してください。古い機材は古いバージョンしか読めないことがあるため、書き出し時のバージョン設定を確認し、透明を含むデータをEPSへ渡す前に、つぶされた状態が思いどおりかを見ておいてください。

5. AI：デザイナーの作業ファイル

AIはIllustratorのネイティブ形式で、レイヤー、アートボード、エフェクト、編集できるテキストをそのまま残します。よって納品ファイルではなく、作業中のファイルです。プロプライエタリなので、Illustratorか対応ソフトで開く必要があります。AIファイルをそのままWebで使うことはできません。SVGかPNGに書き出してください。AIファイルには通常PDFと互換のあるレイヤーが入っており、Adobe以外の多くのアプリでも中身をプレビューできますが、完全な編集はIllustratorで行うのが安全で、エフェクトを失うことを避けられます。

6. 選ぶ方法と変換

PDFにも触れておきます。現代の印刷ではPDFが主要な納品形式になり、ベクターの作品と組版を両立しています。印刷所が形式を指定していなければ、PDFはEPSより安全なことが多く、WebではいつもSVGです。3つの形式にはそれぞれ役割があり、絶対的な最良はなく、場面に合うかどうかだけです。

• Web用：迷わずSVG；
• 印刷所がEPSやAIを求める場合：IllustratorやInkscapeでSVGを開き、目的の形式で保存する；
• EPSやAIのファイルをWebに載せたい場合：デザインソフトで開き、SVGを書き出してSVGOで圧縮する；
• 長期の保管用：AIのソースファイルを残し、その隣にSVGの複製も保存すると、編集性と普遍性の両方を保てる。

まだラスターのロゴのままでしょうか。ロゴ→ベクター変換ツールで画像をSVGに変換してください。無料で、登録不要で、流れはロゴのベクター化チュートリアルにまとめてあります。一般的な画像の変換には画像→SVGツールを、SVGの価値をもっと知りたいときはSVGの6つの利点を使ってください。