読み取りやすい形
最小配置サイズで狭い隙間や細い線を確認してください。
ロゴ、アイコン、フラットなイラストを拡大縮小できるベクターパスにトレース。無料プレビューを確認し、1クレジットで編集とSVGダウンロードのロックを解除できます。
または画像をクリックしてお試し
ひとつのグラフィックを多彩なサイズに
レイアウトが変わっても同じSVGを使えます。下で表示サイズを切り替え、アートワークが見やすいか確認してください。
表示サイズを変えた保存済みPerfectVector SVGです。公開前に実際のレイアウトで予定サイズを確認してください。
シルエットを読み取りやすく保ち、適切な表示サイズを選び、埋め込み先で説明を付けましょう。きれいな書き出しにも丁寧な配置が必要です。
最小配置サイズで狭い隙間や細い線を確認してください。
レイアウトで表示サイズを設定し、全体の中で確認してください。
画像の使い方に合う代替テキストやラベルを付けてください。
目的に合う形式
SVGはブラウザーやベクター編集に適しています。PDF、EPS、DXFは用途が異なるため、拡張子より先に目的を決めてください。
画像からSVGへ
最も鮮明なロゴ、アイコン、イラストをアップロード。可能ならスクリーンショットより元画像を使ってください。
無料プレビューで曲線、細い線、文字の内側の空間を元画像と比較してください。
1クレジットで結果のロックを解除すると編集と書き出しができます。必要に応じて色を調整し、不要な領域を削除してください。
SVGを選んでダウンロードし、ベクターエディターやレイアウトで開きます。実際の表示サイズで細部を確認してください。
元画像と受け渡しの注意点
ブラウザー、拡大縮小するレイアウト、ベクターエディターに進むならSVGを選んでください。
スクリーンショットのロゴは小さなヘッダーでは鮮明でも、大きな画面ではぼやけることがあります。ベクター化でピクセルをサイズ変更できる形にトレースします。元画像と比べ、使う予定の最小サイズで細い線を確認してください。
PerfectVectorは解除後に編集できるパスを作成します。SVGにはビットマップを埋め込むこともでき、その場合は元のピクセルの制限が残ります。SVGをダウンロードする前にトレースされた形を確認してください。
このページはレイアウトやベクター編集用のSVGを扱います。画像からベクターに変換では、ラスター画像が形に変わる仕組みと適した素材を説明します。業者や機械加工に渡す場合は、使用先が受け付ける形式を選んでください。
ラスター画像をベクターの形にトレースし、パスをSVGで書き出します。変更していない画像をSVGの中に埋め込むだけではありません。使う前にプレビューを元画像と比べてください。
はい。SVGを画像としてレイアウトに配置できます。サイト上で表示サイズを設定し、使い方に合ったアクセシビリティ用の説明を付けてください。
いいえ。文字は形としてトレースされます。フォントの特定や、編集可能なテキストへの復元は行いません。
いいえ。容量はアートワークと形の数によって変わります。画像の運用方法を決める前に、書き出した実際のファイルを現在の画像と比較してください。
どちらも同じ変換ツールです。このページはウェブサイトやデザインレイアウトへのSVG配置を扱います。画像からベクターに変換では、ラスターからベクターへの変換とトレース向きの素材を説明します。
結果のロック解除後、エディターでベクターの色を編集し、修正したアートワークを書き出せます。
ベクター化と保護されたプレビューは無料で、回数制限もありません。結果の初回ロック解除に1クレジットを使うと、編集と書き出しが可能になります。同じ解除済み結果を再度ダウンロードしても追加クレジットは不要です。
画像 → SVG · ウェブとデザイン
最も鮮明な画像をアップロードし、SVGのロックを解除する前に無料プレビューを確認してください。
画像を無料でプレビュー