PerfectVector
愛用されていますデザイナー
信頼されていますメーカー
画像 → SVG · ウェブとデザイン

画像を編集できるSVGに。

ロゴ、アイコン、フラットなイラストを拡大縮小できるベクターパスにトレース。無料プレビューを確認し、1クレジットで編集とSVGダウンロードのロックを解除できます。

または画像をクリックしてお試し

クレジットカード不要ベクター化・プレビュー無制限SVG は数秒で完成

ひとつのグラフィックを多彩なサイズに

ヘッダーでは小さく。 メインビジュアルでは鮮明に。

レイアウトが変わっても同じSVGを使えます。下で表示サイズを切り替え、アートワークが見やすいか確認してください。

ひとつの保存済みSVG
選択したサイズで表示した保存済みベクターリボン
ヘッダーのマーク → 本文のイラスト → 大きな配置目標160px · 表示領域に合わせる

表示サイズを変えた保存済みPerfectVector SVGです。公開前に実際のレイアウトで予定サイズを確認してください。

良いウェブ素材はパスだけでは決まりません。

シルエットを読み取りやすく保ち、適切な表示サイズを選び、埋め込み先で説明を付けましょう。きれいな書き出しにも丁寧な配置が必要です。

01

読み取りやすい形

最小配置サイズで狭い隙間や細い線を確認してください。

02

意図した寸法

レイアウトで表示サイズを設定し、全体の中で確認してください。

03

役立つ説明

画像の使い方に合う代替テキストやラベルを付けてください。

目的に合う形式

使う場所に合わせて形式を選びましょう。

SVGはブラウザーやベクター編集に適しています。PDF、EPS、DXFは用途が異なるため、拡張子より先に目的を決めてください。

.svg

SVG · 形と曲線

編集を続ける

ベクター編集やブラウザーレイアウト向けの柔軟な原本。

SVG変換を試す

画像からSVGへ

トレースして確認し、SVGをダウンロード。

  1. 01

    画像を選ぶ

    最も鮮明なロゴ、アイコン、イラストをアップロード。可能ならスクリーンショットより元画像を使ってください。

  2. 02

    トレースした形を比較

    無料プレビューで曲線、細い線、文字の内側の空間を元画像と比較してください。

  3. 03

    解除して調整

    1クレジットで結果のロックを解除すると編集と書き出しができます。必要に応じて色を調整し、不要な領域を削除してください。

  4. 04

    SVGをダウンロードして確認

    SVGを選んでダウンロードし、ベクターエディターやレイアウトで開きます。実際の表示サイズで細部を確認してください。

画像を無料でプレビュー

元画像と受け渡しの注意点

使う場所でSVGを確認。

ブラウザー、拡大縮小するレイアウト、ベクターエディターに進むならSVGを選んでください。

ロゴをさまざまなサイズで活用。

スクリーンショットのロゴは小さなヘッダーでは鮮明でも、大きな画面ではぼやけることがあります。ベクター化でピクセルをサイズ変更できる形にトレースします。元画像と比べ、使う予定の最小サイズで細い線を確認してください。

PerfectVectorは解除後に編集できるパスを作成します。SVGにはビットマップを埋め込むこともでき、その場合は元のピクセルの制限が残ります。SVGをダウンロードする前にトレースされた形を確認してください。

このページはレイアウトやベクター編集用のSVGを扱います。画像からベクターに変換では、ラスター画像が形に変わる仕組みと適した素材を説明します。業者や機械加工に渡す場合は、使用先が受け付ける形式を選んでください。

適した素材
  • 複数のレイアウトサイズで使うロゴ
  • 輪郭が明確なシンプルなUIイラストやアイコン
  • 配置後も編集する必要があるフラットなアートワーク
受け渡し前に
  • 元画像があれば使ってください。繰り返し撮ったスクリーンショットでは細部が失われることがあります。
  • 予定する最小表示サイズで細い線を確認してください。
  • SVGを埋め込むウェブサイトやアプリに、アクセシビリティに配慮した画像説明を追加してください。
トレースでは復元できないもの
  • 元のレイヤー、フォントファイル、編集可能なテキストは復元しません。
  • 写真の質感はベクター領域として解釈されます。
  • SVGの容量が小さくなる保証はありません。細かな絵柄は多数のパスを作る場合があります。
よくある質問

変換前にご質問はありますか?

PerfectVectorはどうやって画像をSVGにしますか?

ラスター画像をベクターの形にトレースし、パスをSVGで書き出します。変更していない画像をSVGの中に埋め込むだけではありません。使う前にプレビューを元画像と比べてください。

ダウンロードしたSVGをウェブサイトで使えますか?

はい。SVGを画像としてレイアウトに配置できます。サイト上で表示サイズを設定し、使い方に合ったアクセシビリティ用の説明を付けてください。

ロゴに使われているフォントを復元できますか?

いいえ。文字は形としてトレースされます。フォントの特定や、編集可能なテキストへの復元は行いません。

SVGならページの読み込みは必ず速くなりますか?

いいえ。容量はアートワークと形の数によって変わります。画像の運用方法を決める前に、書き出した実際のファイルを現在の画像と比較してください。

画像のベクター変換とは何が違いますか?

どちらも同じ変換ツールです。このページはウェブサイトやデザインレイアウトへのSVG配置を扱います。画像からベクターに変換では、ラスターからベクターへの変換とトレース向きの素材を説明します。

結果の色を変えられますか?

結果のロック解除後、エディターでベクターの色を編集し、修正したアートワークを書き出せます。

結果を無料でプレビューできますか?

ベクター化と保護されたプレビューは無料で、回数制限もありません。結果の初回ロック解除に1クレジットを使うと、編集と書き出しが可能になります。同じ解除済み結果を再度ダウンロードしても追加クレジットは不要です。

画像 → SVG · ウェブとデザイン

画像をベクターの形で確認しましょう。

最も鮮明な画像をアップロードし、SVGのロックを解除する前に無料プレビューを確認してください。

画像を無料でプレビュー
画像 SVG変換 — ウェブサイト向けの拡大縮小できるアートワーク · PerfectVector