EPSをSVGに変換
EPSは印刷の時代のベクター形式、SVGはWebのベクター形式です。変換すると、ロゴやイラストのパスと塗りがEPSからSVGへ移るため、PostScriptを読み込めない環境でも、どのサイズで表示してもくっきりしたままです。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
.epsファイルをアップロード
ブランドキットのロゴ、ストックベクター素材、印刷会社から受け取ったファイルなどを追加します。1回に最大20ファイル、1ファイルあたり95 MBまでです。
- 2
「SVGに変換」を押す
各EPSを解釈し、描画内容をSVGのパスとして書き出します。ベクターは圧縮されないため、画質の設定はありません。
- 3
結果を確認する
SVGをブラウザで開き、拡大して確認します。どれだけ拡大してもエッジがシャープなら、ベクターのまま変換されています。
PostScriptからSVGへ：EPSファイルが使いにくくなった理由
Adobeは1984年に、レーザープリンター向けのページ記述言語としてPostScriptを開発しました。その後、1つのPostScript図形を別の文書に配置する方法としてEncapsulated PostScriptが生まれ、仕様のバージョン3.0は1992年のものです。EPSは、図案を描く小さなプログラムと、レイアウトソフトにサイズを伝えるバウンディングボックス、そして多くの場合は低解像度のプレビューで構成されています。
この仕組みは印刷業界で何十年も使われ、ブランドキットやストックベクターのサイトが今もEPSで提供している理由です。ただしWebには向いていません。ブラウザはPostScriptを実行できず、Figmaなどのデザインツールも読み込めず、MicrosoftもPostScriptフィルターの脆弱性を受けて2017年にOfficeでEPSを無効にしました。SVGは2001年からW3Cの標準となっているベクター形式で、これらすべてが対応しています。
EPS→SVG変換の出力を要素ごとに解説
| EPSでは | SVGでは | 拡大しても劣化しない |
|---|---|---|
| パス、塗り、線 | 塗りと線を持つSVGのpath要素 | はい |
| 線形・放射状グラデーション | SVGのグラデーション。複雑なブレンドはシェイプの帯 | はい |
| アウトライン化済みの文字 | パス | はい |
| フォントで指定された文字 | フォントの保存方法に応じてパスまたはSVGテキスト | はい |
| CMYKとスポットカラー | RGB値 | 該当なし |
| 配置された写真やビットマップ | SVG内に埋め込まれた画像 | いいえ、ピクセルのままです |
EPS
Encapsulated PostScript
EPS は Adobe の PostScript ベースのグラフィックファイルで、印刷会社や出版社とのベクターアートのやり取りに長く使われてきました。ベクター、テキスト、埋め込みのラスター画像に加えて、低解像度のプレビューも含められます。EPS は透明をサポートしておらず、現在のソフトでは PDF や SVG にほぼ置き換えられています。開くには通常、Illustrator、Inkscape、Affinity Designer、または Ghostscript ベースのツールが必要で、ブラウザーでは表示できません。
- 圧縮方式
- –
- 透過
- 非対応
- アニメーション
- 非対応
- 登場時期
- Adobe
SVG
Scalable Vector Graphics(SVG)
SVGは、2001年に W3C が標準化した XML ベースのベクター形式です。ピクセルではなく図形、パス、テキストを記述するため、どんなサイズでも鮮明で、ロゴやアイコンでは通常とても小さなファイルになります。透過、CSSによるスタイル指定、スクリプト、アニメーションに対応し、すべてのブラウザーがそのまま表示できます。写真には向かず、複雑なイラストは描画が遅くなることがあります。Illustrator、Inkscape、Figma、ブラウザーで開いて編集できます。
- 圧縮方式
- –
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2001 · W3C
ブランドキットやストックサイトのロゴをWebサイト、Figma、カッティングマシンで使うときに、EPSからSVGへ変換します。これらはSVGを読み込めますが、PostScriptは読み込めません。
ベクター・ラスター・混在のEPSファイル
Illustrator、CorelDRAW、Inkscape、Affinity Designerから保存したものです。きれいに変換でき、SVGには同じシェイプが入り、どんなサイズでもシャープなままです。
- ロゴとアイコン
- ストックベクターのイラスト
Photoshopやスキャナーのワークフローから保存したものです。EPSはピクセルを包んだだけなので、SVGも同じピクセルを包んだだけになり、拡大するとぼやけます。
- EPSとして保存された写真
- 画像編集ソフトで統合されたアートワーク
ベクターのシェイプの中に写真やテクスチャが配置されたものです。シェイプはパスに変換され、写真は同じSVGに画像として埋め込まれます。
- ポスターとチラシ
- パッケージのモックアップ
どちらの種類か確認するには、EPSをビューアーで開いて大きく拡大します。変換だけでラスターEPSを本物のベクターにすることはできません。エッジから輪郭を推定する、トレースという別の処理が必要です。それを行うのが画像SVG変換ツールで、単純でコントラストの高いロゴに最も向いています。
スライドやSNS投稿用のビットマップだけが必要なら、ベクター化は省き、必要なピクセル幅でEPSからPNGへの変換を使ってください。
EPSからSVGへの変換に関するよくある質問
EPSのロゴはSVGでもベクターパスとして編集できますか？
はい、EPSがベクターで描かれていれば可能です。パス、塗り、線、グラデーションはSVGのシェイプになり、Inkscape、Illustrator、Figmaで色を変更できます。EPSはレイヤー構造ではなく描画プログラムを保存しているため、グループ構造は簡略化されることがあります。
EPSをSVGに変換すると、図形ではなく画像が入っているのはなぜですか？
EPSの中身がビットマップだったためです。Photoshopや多くのストックサイトは、ラスター画像をEPSとして保存します。変換でパスを新たに作ることはできず、SVGはそのビットマップを包むだけになります。図形として描き直したい場合は、画像SVG変換でトレースしてください。
CMYKやPantoneの色はSVGでどうなりますか？
SVGは色をRGBで表すため、CMYK値とスポットカラーは最も近いRGBの色に変換されます。印刷用には元のEPSを保管しておいてください。
EPS内のテキストはSVGでもテキストのままですか？
EPSでの保存方法によります。アウトライン化済みの文字はパスとして出力され、どの環境でも同じ見た目になります。フォントで指定された文字は、パスになる場合と、SVGのテキストのまま残る場合があり、後者は表示する端末にそのフォントが必要です。見た目を正確に保ちたい場合は、事前にエディターで文字をアウトライン化してください。
EPSを受け付けなかったアプリでSVGは使えますか？
最新のブラウザ、Figma、Canva、Cricut Design Space、ほとんどのWebツールで使えます。Microsoft Officeはセキュリティ上の理由で2017年にEPSの読み込みを無効にしましたが、Microsoft 365ではSVGを直接挿入できます。
印刷所向けにSVGからEPSへ戻せますか？
はい、SVGからEPSへの変換で逆方向の変換ができます。色はRGBのままなので、CMYKのファイルが必要かどうかは印刷会社に確認してください。