画像をベクター化(SVGに変換)
画像をベクター化(SVGに変換)する無料のオンラインツールです。ロゴやアイコンなどの画像を、塗りつぶしたパスでできたSVGに変換します。無料のオンラインツールで、PNG、JPG、WebP、GIF、BMPの画像をトレースできます。拡大してもSVGの輪郭はくっきりしたままです。アカウント登録なしで使えます。
- ロゴ、アイコン、フラットイラスト、線画に向いています。写真は多くの単色の塊になります。
- 無料Webツールは、1枚あたり5 MBまで、1日10枚までです。各画像は16 MP (4096 x 4096)以内にしてください。
- 未ログインでの利用にはセキュリティ確認が必要です。SVGの結果は10分後に削除され、履歴は残りません。
- トレースは、元画像にない細部を復元しません。できるだけ大きく、鮮明な版から始めてください。
ここに画像をドロップ
PNG、JPG、WebP、GIF、BMP(5 MBまで)
色と形をそのまま残します。色数が少ない画像に最適です。
詳細設定
白黒では黒のレイヤーが一つだけになります。
直線的な輪郭は、ファイルサイズが小さくなります。
値を上げるほどノイズを多く削除します(0から16)
値を下げるほど色数が減ります(1から8)
値を大きくするとレイヤー数が減ります(0から255)
値を大きくすると角が丸くなります(0から180)
セキュリティ確認を完了すると、ボタンが有効になります。
結果
ここにSVGが表示されます。
無料のWebツールでは、5 MBまでの画像を変換でき、毎日10回までです。ログインすると上限は10 MBになります。大きい画像は、ベクター化の前に縮小されます。
保存期間:Webツールの結果は10分後に削除され、履歴は保存されません。APIの結果は無料プランでは1日、StarterとProでは7日保存されます(Businessでは30日)。
アカウント登録なしで利用可能
無料で毎日10枚まで、透かしなし。
オープンソースのベクター化エンジン
APIと同じエンジンであるVTracerが、ピクセルをベクターのパスに変換します。
自動的に削除
Webツールの結果は10分後に削除されます。
プライバシー:送信された内容は、このファイルを作成するためにのみ使用されます。作業用のコピーはジョブの終了時に削除され、結果は10分後に削除されます。詳しくはプライバシーポリシーをご覧ください。
curl -X POST https://api.aiipworld.com/v1/render \
-H "Authorization: Bearer $AIIPWORLD_API_KEY" \
-H "Content-Type: application/json" \
-d '{"html":"","output":"pdf","options":{}}'
# returns {"job_id": "...", "status": "queued"}; then poll:
curl https://api.aiipworld.com/v1/jobs/JOB_ID -H "Authorization: Bearer $AIIPWORLD_API_KEY"一括処理
Webツールは一度に1画像まで処理します。APIでは画像ごとに一つのリクエストとなるため、プランが許す数だけスクリプトで処理できます。
保存期間
Webツールの結果は10分保存されます。無料APIの結果は1日、StarterとProの結果は7日、Businessの結果は30日保存されます。Webツールでは、訪問者ごとに毎分10回、毎日50回まで変換できます。
ひとことで言うと
画像 ベクター化は、PNG、JPG、WebP、GIF、BMPの画像を、塗りつぶしたパスからなるSVGにトレースする無料のオンラインツールです。
主な仕様
- プリセットは、ロゴ、アイコン、フラットイラスト、白黒の線画、色数を減らした写真です。詳細設定では、色、曲線、ノイズ除去、色の精度などを調整できます。
- 出力は、どの大きさにも拡大できるパスのSVGです。元のピクセルは埋め込みません。
- 制限は、無料ツールで一枚5 MBまで、ログイン時は一枚10 MBまで、画像は16 MP (4096 x 4096)以内です。4 MP (for example 2000 x 2000)を超える画像は、トレースの前に縮小されます。
- APIは、生の画像バイト列をPOST /v1/image-jobsに送り、一画像につき5クレジットを使います。
- アカウント登録なしの無料利用では、訪問者ごとに毎分10件、毎日50件まで変換でき、透かしは入りません。ログインしているユーザーは、レンダリングごとに1クレジットを使用します。毎月100無料クレジットが付与されます。
- ファイルは自動的に削除されます。アカウント登録なしの場合は変換後10分、無料アカウントの場合は1日で削除されます。
- 開発者は、APIキーを付けてPOST https://api.aiipworld.com/v1/renderを送信すると、同じレンダリングを実行できます。詳しくはスクリーンショットAPIページをご覧ください。
使い方
- デバイスから変換したい画像を選びます。対応形式はPNG、JPG、WebP、GIF、BMPで、1枚あたり5 MBまでです。
- 画像の種類を選びます。ロゴ、アイコン、フラットイラスト、白黒の線画、写真のいずれかです。各プリセットは、最初の値を設定します。
- 色や曲線、ノイズ(小さな点)などを変えたいときだけ「詳細設定」を開きます。値を変えると、メニューは「カスタム設定」に切り替わります。
- ログインしていない場合は、セキュリティ確認を完了します。その後、「画像をベクター化」をクリックします。
- プレビュー(市松模様の背景)とファイルサイズを確認します。問題がなければ「SVGをダウンロード」をクリックしてダウンロードします。
出力例
画像 ベクター化の使い方
ツールを開き、変換したい画像を選びます。PNG、JPG(JPEG)、WebP、GIF、BMPに対応しています。ファイルの種類は、ファイル名ではなく中身で判定します。
アップロードの前に、ブラウザが種類、サイズ、ピクセル数を確認します。その後、画像サイズを示したプレビューが表示されるので、正しい画像かどうかを確かめてください。
画像の種類を選び、「画像をベクター化」をクリックして、ジョブが終わるまで待ちます。結果は市松模様の背景に表示されるので、透明な部分も確認できます。
仕上がりが良ければ「SVGをダウンロード」でダウンロードします。合わないときは、設定を1つか2つ変えて、もう一度実行してください。PNGやJPGのページが必要な場合は、「PNGをSVGに変換するツール」や「JPGをSVGに変換するツール」も使えます。
画像をベクター化する仕組み
画像をベクター形式に変換することを、ベクター化と呼びます。
ラスター画像は、色をもったピクセルを格子状に並べた画像です。ピクセル数が決まっているため、大きく拡大するとカクカクしたブロック状に見えます。
ベクター画像は、点を線や曲線でつないだパスに色を塗ったものです。数式で描かれるため、どの大きさでも輪郭がきれいに出ます。ベクター化では、トレース(輪郭をなぞる処理)によって近い色の領域を見つけ、その周りに曲線を当てはめ、塗りつぶしたパスを新しいファイルに書き出します。
SVGには、width、height、viewBoxが入ります。どの大きさでも使えます。文字は編集できる文字ではなく、図形に変わります。
ベクター化と画像の埋め込みの違い
SVGに画像を入れる方法には、埋め込みとベクター化の2種類があり、中身が異なります。
埋め込みでは、ピクセルでできた画像をSVGの中に包みます。ファイルはSVGでも、中身はピクセルのままです。埋め込みは、画像要素としてラスター画像をSVGに入れる方法で、拡大するとピクセルの格子が見えます。
ベクター化では、トレースした図形を塗りつぶしたパスに置き換えます。このツールのSVGには、塗りつぶしパスだけが入り、ラスター画像、テキスト要素、スクリプト、リンクは含まれません。結果パネルのパス数が想定どおりかを確認してください。
- 埋め込み:ラスター画像をSVGに包んだもので、中身はピクセルのままです。
- ベクター化:トレースした図形を、きれいに拡大できる塗りつぶしパスにしたものです。
ベクター化に向いている画像
ロゴやアイコン、フラットイラストなど、色数が少なく輪郭がはっきりした画像に向いています。このツールは、次の種類の画像に適しています。
透過PNG、WebP、GIFは透過を保つため、透過背景のロゴは透明のまま残ります。JPGには透過がないため、背景は色付きの図形として残ります。小さな文字は編集できる文字ではなく、図形になります。
できるだけ大きく、鮮明な版から始めてください。ぼやけた画像や低解像度の画像では、輪郭がギザギザになります。写真については、次の見出しで説明します。
- ロゴやアイコン(色数が少ないもの)
- フラットイラストや、輪郭がはっきりした線画
- 白黒の線画、署名、シルエット
- 絵の部分だけにトリミングしたスキャンの線画
写真や陰影のある画像の扱い
写真や、滑らかなグラデーション、影、細かい質感のある画像は、よくトレースできません。
陰影は多くの単色の塊になり、ポスタライズされたような見た目になります。標準設定では、写真から何MBにもなるSVGができることがあり、数千のパスを含むこともあります。写真プリセットではファイルが小さくなりますが、細部は失われます。
トレースは、元画像にない細部を追加しません。グラデーションは単色の帯になるため、写し取りではなく様式化された結果になると考えてください。
設定項目の詳細
設定は、画像の種類を選ぶメニューと、「詳細設定」で調整します。
「画像の種類は何ですか?」は、どの種類の画像かを選ぶメニューで、ここで選ぶと一連の値がまとめて設定されます。ロゴ、アイコン、フラットイラストがデフォルトで、フルカラー、ノイズ除去4px、色の精度6、色の層の差16、コーナーのしきい値60、滑らかな曲線が設定されます。
「詳細設定」では個々の値を変えられ、変えると「カスタム設定」になります。白黒の線画は透過背景の上に黒い層が1つ作られます。写真プリセットは色数を減らしファイルを小さくします(ノイズ除去16px、色の精度5、色の層の差32)。JPEGの縁のノイズがノイズとして現れる場合は、ノイズ除去の値を上げてください。
- 色:フルカラーか白黒か
- 曲線の形:滑らかな曲線か直線か
- ノイズ除去:小さな点を削除します(0〜16px)
- 色の精度:1〜8。値が小さいほど色数が減ります
- 色の層の差:0〜255。値が大きいほど層が減ります
- コーナーのしきい値:0〜180度。値が大きいほど角が丸くなります
対応形式と容量の制限
無料Webツールでは、1枚あたり5 MBまで、1日10枚まで変換できます。ログインしているユーザーは1枚あたり10 MBまで使えます。各画像は16 MP (4096 x 4096)以内にしてください。
受け付ける形式は、PNG、JPG(JPEG)、WebP、GIF、BMPです。BMPは非圧縮の8bit、24bit、32bitである必要があります。SVG、PDF、TIFF、HEIC、AVIFは受け付けないため、先にPNGかJPGに書き出してください。JPG形式の写真がスマートフォンから来た場合は、向きの情報に従って正しい向きに直されます。
ログインしているユーザーは、1枚ごとに5クレジットを使います。最初の5MBを超えたSVGには、5MBごとに1クレジットが加わります。4 MP (for example 2000 x 2000)を超える画像は、トレースの前に縮小されます。SVGは引き続き塗りつぶしパスでできており、結果パネルにはトレース後のサイズが表示されます。
GIFやアニメーションWebPは最初のフレームだけがトレースされます。SVGが20MBを超えると、ジョブは「結果が大きすぎます」のメッセージで失敗し、途中で切れたファイルは返されません。ファイルを小さくするには、ノイズ除去を上げるか色の精度を下げてください。
- 無料Webツール:1枚5 MBまで、1日10枚まで
- ログインしているユーザー:1枚10 MBまで
- すべての画像:16 MP (4096 x 4096)以内
- クレジット:ログインしているユーザーは1枚5クレジット
APIで画像をSVGに変換する
同じトレース機能を、APIからコードで使えます。画像 SVG 変換をAPIで行う場合の流れを説明します。
送信先は、POST /v1/image-jobsです。APIホストに送り、本文は生の画像バイト列です。JSONやマルチパートフォームデータではありません。
Content-Typeヘッダーには、image/png、image/jpeg、image/webp、image/gif、image/bmpのいずれかを指定します。認証は、Authorization: Bearerに続けてAPIキーを入れるか、x-api-keyヘッダーで行います。
設定はクエリ文字列に入れます。op=image_to_svgが標準であり、唯一の操作です。colormodeはcolorまたはbinary、hierarchicalはstackedまたはcutout、modeはsplineまたはpolygonを指定できます。不明な名前は拒否されます。
リクエストは202を返し、job_idとstatus「queued」、クレジットの予約を返します。GET /v1/jobs/:idを呼び出し、statusがsucceeded、failed、timeoutのいずれかになるまで確認します。成功した結果には、bytes、width、height、paths、src_width、src_height、downscaledが含まれます。
download_urlからファイルをダウンロードします。リンクは短時間だけ有効なので、ジョブが終わったらすぐにダウンロードしてください。失敗したジョブとタイムアウトしたジョブのクレジットは返却されます。一括処理のエンドポイントはないため、1画像につき1リクエストです。webhookは、まだ利用できません。
- filter_speckle:0〜16
- color_precision:1〜8
- layer_difference:0〜255
- corner_threshold:0〜180
- segment_length:3.5〜10
- splice_threshold:0〜180
- path_precision:0〜4
- timeout_sec:1〜60
ファイルの取り扱いとプライバシー
画像はサーバーに送信され、トレースはブラウザではなくサーバー側で実行されます。
アップロードした画像は、SVGを作るためだけに使われます。ジョブが成功しても失敗しても、ジョブが終わり次第削除されます。無料Webツールで作られたSVGは10分後に削除されます。変換履歴は残らないため、その前にSVGをダウンロードしてください。ダウンロードリンクは短時間だけ有効です。
権利のある画像だけをアップロードしてください。トレースしても、他人の作品の権利が得られるわけではありません。規則については、利用ポリシー(英語)を確認してください。
よくある質問
画像 ベクター化とはどういう意味ですか?
近い色のピクセルをまとめて図形にし、塗りつぶしたパスとしてSVGファイルに書き出すことです。結果はどの大きさにも拡大できます。
画像 ベクター化は無料でできますか?
はい、無料Webツールで使えます。1日10枚まで、1枚あたり5 MBまで変換できます。未ログインの利用にはセキュリティ確認だけが必要です。ログインしているユーザーは1枚あたり10 MBまで使え、1枚に5クレジットを使います。
画像 SVG 変換では、どの形式を使えますか?
PNG、JPG(JPEG)、WebP、GIF、BMPを使えます。GIFとアニメーションWebPは、最初のフレームだけがトレースされます。SVG、PDF、TIFF、HEIC、AVIFは受け付けないため、先にPNGかJPGに書き出してください。
ロゴの透過背景は残りますか?
はい、透過PNG、WebP、GIFであれば透過は残り、背景の図形は追加されません。JPGには透過がないため、背景は色付きの図形として残ります。
写真もベクター化できますか?
写真はアップロードできますが、結果は写真の写しではなく、単色の塊になります。標準設定では、SVGがとても大きくなることがあります。写真プリセットではファイルが小さくなりますが、細部は失われます。ロゴ、アイコン、線画の方がきれいに仕上がります。
ベクター化したファイルが大きいのはなぜですか?
多くの色やグラデーションは、細かい図形がたくさんのパスに変わるためです。ファイルを小さくするには、ノイズ除去の値を上げるか、色の精度を下げてください。20MBを超えると、切れたファイルは返されず、ジョブは失敗します。
このツールはAIですか?
いいえ、AIではなく、トレースを行うプログラムです。近い色のピクセルをまとめて図形にし、その周りに曲線を当てはめます。画像に何が写っているかは理解しません。
ベクター化したファイルは編集できますか?
はい、SVGは塗りつぶしパスだけのファイルなので、SVGを開けるソフトで編集できます。文字は図形に変わるため、文字を変更する場合は入力し直してください。
ベクター化と画像の埋め込みの違いは何ですか?
ベクター化は画像をトレースして塗りつぶしパスにするため、きれいに拡大できます。埋め込みは元のピクセルをSVGに入れるため、拡大するとピクセルの格子が見えます。このツールは画像を埋め込みません。
ファイルはいつまで保存されますか?
アップロードした画像は、ジョブが終わるとすぐに削除されます。無料Webツールで作られたSVGの結果は10分後に削除されます。変換履歴は残らないため、その前にダウンロードしてください。
APIでも画像をベクター化できますか?
はい、APIで同じトレースを行えます。生の画像バイト列をPOST /v1/image-jobsに送り、ジョブが成功するまで確認してから、短時間有効なダウンロードリンクからSVGを取得します。一括処理のエンドポイントはないため、1画像につき1リクエストです。
アプリ内や一括処理で使いたい場合
このツールはAPIと同じプラットフォームで動作するため、同じSVGを、お使いのコードから一回のHTTPリクエストで取得できます。 無料アカウントには、毎月100クレジットが含まれています。
