画像はブラウザ内で読み込んで処理するため、変換サーバーへ送信する必要がありません。
編集可能なパス • 単色・カラー出力
画像を SVG に変換
対応しているラスター画像をブラウザで SVG パスに変換します。単色またはカラーレイヤー出力を選び、変換結果を調整・確認して SVG をダウンロードできます。
ラスター画像を再利用できる SVG パスに変換
対応しているラスター画像を SVG パスのドキュメントに変換します。単色のグラフィックには単色プロファイル、色の領域を分けたい場合はカラーレイヤーを選び、変換結果を調整してプレビューとダウンロードができます。
画像を SVG に変換する方法
- 1.画像をドロップするか、ファイルを選ぶか、クリップボードから貼り付けます。
- 2.単色のグラフィックには単色プロファイル、色の領域を分ける場合はカラーレイヤーを選びます。
- 3.ノイズ除去、黒のしきい値、角の滑らかさ、曲線の許容値を調整して SVG を生成します。
- 4.SVG をプレビューし、ソースをコピーするか、SVG ファイルとしてダウンロードします。
この SVG コンバーターでできること
単色とカラーレイヤーのプロファイルで、ロゴ、アイコン、色分けしたグラフィックに対応できます。
書き出す前にノイズ除去の量と曲線の簡略化を調整できます。
プレビュー、コピー、ダウンロードができる独立した SVG ドキュメントを作成できます。
画像から SVG への変換に関する FAQ
画像はアップロードされますか？
いいえ。画像はブラウザ内で読み込んで処理するため、変換サーバーへ送信する必要はありません。
どの画像フォーマットに対応していますか？
JPEG、PNG、WebP、AVIF、BMP、GIF を選択できます。実際に開けるかどうかは、お使いのブラウザが提供する画像フォーマットの対応状況によって異なります。
単色とカラーレイヤーの違いは何ですか？
単色プロファイルは単色のパス結果に適しています。カラーレイヤーでは、色分けした領域を複数の編集可能なパスに分けます。
ノイズ除去は何を調整しますか？
変換時に小さな孤立した点をどのように扱うかを調整します。範囲は 0～12、初期値は 2 です。値を上げると小さな点をより減らし、値を下げると細部を残しやすくなります。
角の滑らかさは何を変えますか？
変換した輪郭の角をどの程度はっきり残すかを調整します。範囲は 0～1.35、初期値は 1.0 です。低い値では角ばった細部を残し、高い値では曲がりを滑らかにします。
曲線の許容値は何を変えますか？
SVG の曲線が変換した輪郭にどの程度沿うかを調整します。範囲は 0～1、初期値は 0.20 です。低い値では輪郭の細部を残し、高い値ではパスをより簡略化します。
黒のしきい値は何をしますか？
単色プロファイルでどのピクセルを黒にするかを決める輝度の境界値を設定します。範囲は 1～255、初期値は 128 です。値を上げるとより多くのピクセルが黒になり塗りが太くなり、値を下げると最も暗いピクセルだけが残ります。
色の階調数は結果にどう影響しますか？
カラープロファイルで、RGB の各チャンネルごとに変換前の階調の細かさを指定します。表示される範囲は 2～5、初期値は 2 です。階調数を増やすと色の変化をより残せますが、SVG はより細かく、大きくなります。
大きな画像はどのように処理されますか？
変換用の画像は、長辺が 2,048 ピクセル以内に制限されます。大きな画像は縦横比を保ったまま縮小してから処理される場合があります。