PNGをSVGに変換
PNGをSVGに変換する無料のオンラインツールです。拡大しても崩れにくいSVGができます。ロゴ、アイコン、フラットなイラストに向いています。画像は自動でトレースされ、ベクターのパスからなるSVGとして保存できます。
- 制限:1枚あたりのファイルサイズは5 MBまでです。ピクセル数は16 MP (4096 x 4096)までに制限されています。ログインしているユーザーは10 MBまでアップロードできます。
- トレースは、元の画像にない細部を追加しません。写真やグラデーションは平らな色の塊になり、ぼやけた元画像では輪郭がギザギザになります。
- 無料ツールの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 SVG 変換は、画像をオープンソースのVTracerでベクターのパスのSVGにトレースする無料のオンラインツールです。
主な仕様
- 入力:PNG、JPG、WebP、GIF、BMP。無料ツールでは5 MBまで、ログイン時は10 MBまで。ピクセル数は16 MP (4096 x 4096)まで。種類はファイルの内容から読み取ります。
- 出力:viewBoxを持つ塗りつぶしパスのSVG。画像、テキスト、スクリプトは埋め込まれません。PNGの透過は保たれます。
- 向いている画像:ロゴ、アイコン、フラットなイラスト、線画。写真は多くの平らな色の塊になります。トレース用のプログラムで、AIではありません。
- アップロードはジョブが終わると削除されます。SVGは10分後に削除されます。ログインしているユーザーは画像ごとに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に変換」をクリックします。
- プレビューを市松模様の背景で確認し、「SVGをダウンロード」をクリックしてSVGを保存します。
出力例
PNG SVG 変換の使い方
PNG SVG 変換ツールを開き、「ファイルを選択」から画像を選びます。送信の前に、ブラウザがファイル形式、ファイルサイズ、ピクセル数を確認します。
続けて、画面にプレビューと画像サイズが表示されます。画像の種類は初期値の「ロゴ、アイコン、フラットなイラスト」のままでも使えます。ペン画やサインには「白黒の線画」、濃淡の多い画像には「写真」を選びます。
ログインしていない場合は、セキュリティ確認を完了してから「SVGに変換」をクリックします。処理が終わると、結果パネルに市松模様の背景でSVGが表示され、トレースの状態を確認できます。
問題がなければ「SVGをダウンロード」をクリックして保存します。元のPNGは残しておくと、別の設定で変換し直せます。
PNGからSVGへのトレースの仕組み
この変換はファイルをラップするのではなく、トレースです。PNGはSVGの中に埋め込まれません。ツールはピクセルを読み取り、その形をベクターのパスとして描き直します。
変換には、オープンソースでMITライセンスのVTracerを使います。VTracerはサーバー上で動作し、似た色のピクセルをまとめて図形にし、その周りに滑らかな曲線を当てはめます。
AIではなく、トレース用のプログラムです。画像の内容を理解するわけではありません。
- 塗りつぶしのパスだけで構成されます。PNGは埋め込まれません。
- テキスト要素はありません。文字は図形になります。
- スクリプトとリンクはありません。
- width、height、viewBoxが設定されているため、拡大縮小しても使えます。
PNG SVG 変換に向いている画像
ロゴ、アイコン、フラットなイラスト、線画、サイン、シルエット、スキャンした絵に向いています。色数が少なく、輪郭がはっきりした画像ほど、きれいな形になります。
写真、滑らかなグラデーション、影、細かい質感は、多くの平らな色の塊になり、段階的に色が分かれた見た目になります。初期設定のまま写真を変換すると、何メガバイトにもなる大きなSVGになり、パスが数千個になることがあります。「写真」のプリセットを使うとファイルは小さくなりますが、細部は失われます。
ぼやけた画像や低解像度の画像は、輪郭がギザギザになります。いちばん大きく、きれいな版から始めてください。JPEGの圧縮ノイズは輪郭の周りに点として現れることがあります。その場合は、小さな点の除去を上げてください。
寸法を正確に保つ必要がある精密な製図には向いていません。ツールはレイヤー、オブジェクト、テキストを検出しません。
- 向いている画像:ロゴ、アイコン、フラットなイラスト、線画、サイン
- 向いていない画像:写真、滑らかなグラデーション、影、細かい質感
透過PNGの変換
透過PNGは、SVGでも透明のままになります。図形が背景として追加されることはありません。透明な背景のロゴは、その背景が保たれます。WebPとGIFの透過も同じように保たれます。
JPGには透過がありません。JPGの背景は、絵の後ろに色付きの図形として現れます。
背景を消したい場合は、変換の前に画像編集ソフトで編集してください。編集後の画像を、もう一度変換します。
変換の設定とプリセット
「画像の種類は何ですか?」メニューで、画像の種類に合わせた設定をまとめて選べます。詳細設定では、値を個別に変更できます。値を変えると、メニューは「カスタム設定」に切り替わります。
初期設定の「ロゴ、アイコン、フラットなイラスト」は、全色を使い、4pxより小さい点を除去し、色の精度は6、色レイヤーの差は16、角のしきい値は60度、曲線は滑らかにします。
「白黒の線画」は、透過背景に黒1つのレイヤーを作ります。「写真」は色数を減らしてファイルを小さくします。16pxまでの点を除去し、色の精度は5、色レイヤーの差は32にします。
- 色:全色または白黒
- 曲線の種類:滑らかな曲線または直線的な輪郭
- 小さな点の除去:0〜16pxより小さい点を除去
- 色の精度:1〜8。値を下げると色数が減ります
- 色レイヤーの差:0〜255。値を上げるとレイヤー数が減ります
- 角のしきい値:0〜180度。値を上げると角が丸くなります
色の精度を下げ、色レイヤーの差を上げると、SVGは小さくなり、図形も減ります。ただし細部も失われるため、ダウンロードの前にプレビューで比べてください。
変換の容量と制限
無料ツールでは、1枚あたり5 MBまで、1日に10枚まで変換できます。ログインしているユーザーは、1枚あたり10 MBまでアップロードできます。
ピクセル数は1枚あたり16 MP (4096 x 4096)までです。4 MP (for example 2000 x 2000)ピクセルを超える画像は、トレースの前に縮小されます。SVGは引き続きベクターのままです。結果パネルには、トレース後のサイズと、画像が縮小されたかどうかが表示されます。
SVGが20MBを超えると、ジョブは「結果が大きすぎます」というメッセージで失敗します。途中で切れたファイルが返されることはありません。ファイルを小さくするには、小さな点の除去を上げるか、色の精度を下げてください。
ログインしているユーザーは、1枚あたり5クレジットを使います。さらに、SVGが最初の5MBを超えた分は、5MBごとに1クレジットが加算されます。失敗したジョブとタイムアウトしたジョブのクレジットは返却されます。出力に透かしは入りません。
- 無料ツール:1枚あたり5 MBまで、1日10枚まで
- ログインしているユーザー:1枚あたり10 MBまで
- 4 MP (for example 2000 x 2000)ピクセルを超える画像は、トレースの前に縮小されます
- 20MBを超えるSVGは、「結果が大きすぎます」というメッセージで失敗します
変換後のSVGの編集
ファイルはパスで構成されているため、ベクターエディターで編集できます。色を変えたり、図形を動かしたり、迷い点を削除したりできます。
文字は文字ではなく図形です。トレースされた単語の文面やフォントは、SVGの中では変えられません。編集できる文字が必要な場合は、エディターで単語を打ち直してください。
細かくトレースすると図形が多くなり、手作業の編集に時間がかかります。トレースが合わない場合は、元のPNGを別の設定で変換し直してください。
コードからの変換(API)
同じトレースは、レンダリングAPIからも使えます。APIホストに対してPOST /v1/image-jobsを送信します。
本文は生の画像バイトです。JSONやmultipart/form-dataではありません。Content-Typeには、image/png、image/jpeg、image/webp、image/gif、image/bmpのいずれかを指定します。APIキーは、「Authorization: Bearer」ヘッダーにキーを続けて入れるか、「x-api-key」ヘッダーで送ります。設定はクエリ文字列に入れます。
処理の種類であるopの値は、「image_to_svg」だけです。既定値であり、唯一の値です。その他の設定は、colormode(color または binary)、hierarchical(stacked または cutout)、mode(spline または polygon)、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)です。不明な名前は拒否されます。
成功すると202のレスポンスに、job_idとstatusのqueued、予約されたクレジットが返ります。GET /v1/jobs/:idを、statusがsucceeded、failed、timeoutのいずれかになるまで確認します。succeededになったらdownload_urlからSVGをダウンロードします。download_urlは有効期限の短い署名付きリンクで、添付ファイルとして配信されるため、成功後、早めにダウンロードしてください。結果にはbytes、width、height、paths、src_width、src_height、downscaledの値が含まれます。エラーは、400は未対応の画像、413はファイルが大きすぎる、402はクレジットが不足、429はリクエストが多すぎますです。APIでの上限は1枚あたり10 MBまで、ピクセル数の上限は同じです。バッチ用のエンドポイントはないため、画像ごとに1回ずつリクエストを送ります。Webhookは、まだ利用できません。
ファイルの取り扱いとプライバシー
画像はサーバーに送信され、ブラウザでは処理されません。アップロードした画像はSVGを作るためだけに使われ、ジョブが成功しても失敗しても終わるとすぐに削除されます。
SVGの結果は、無料ツールでは10分後に削除されます。履歴は残りません。それまでにダウンロードしてください。ダウンロードリンクも有効期限が短いものです。
アップロードする画像を利用する権利が必要です。ロゴや作品を自分が所有していない場合、トレースしても権利は得られません。適用されるルールは、利用ポリシー(英語)で定められています。
関連ツール
逆方向の変換には「SVGをPNGに変換するツール」を使えます。SVGを指定した幅のPNGに変換します。SVGをPDFにしたい場合は「SVGをPDFに変換するツール」を使ってください。
出発点がJPGの写真やスキャンなら「JPGをSVGに変換するツール」を使ってください。同じトレースを使い、JPGファイル向けの助言があります。どの種類の画像にも使える「画像ベクター化ツール」もあります。
よくある質問
PNGをSVGに無料で変換できますか?
はい、無料ツールで変換できます。1日に10枚まで、1枚あたり5 MBまでの画像を変換できます。ログインしていない場合は、変換の前にセキュリティ確認が必要です。出力に透かしは入りません。
透過は残りますか?
はい、PNG、WebP、GIFの透過は残ります。背景の図形は追加されません。JPGには透過がなく、JPGの背景は絵の後ろに色付きの図形になります。
なぜSVGはPNGより大きくなるのですか?
トレースで多くの図形が作られるためです。写真やグラデーションでは数千個になることもあります。小さな点の除去を上げる、色の精度を下げる、または「写真」のプリセットを使うと、ファイルを小さくできます。
SVGは元のPNGと完全に同じに見えますか?
いいえ、常に同じとは限りません。トレースは画像を近似するため、色の削減やレイヤーによって見た目が変わることがあります。グラデーションは平らな色の帯になり、もともとない細部は補われません。
SVGの文字は編集できますか?
いいえ、小さい文字は編集可能なテキストではなく図形になります。編集できる文字にするには、ベクターエディターで単語を打ち直してください。
どのPNGファイルがうまく変換できますか?
ロゴ、アイコン、フラットなイラスト、線画、サイン、シルエットに向いています。色数が少なく、輪郭がはっきりした画像がうまく変換できます。写真や滑らかなグラデーションには向いていません。
PNGとSVGの違いは何ですか?
PNGは画素の格子でできており、拡大するとシャープさが失われます。SVGはベクターのパスで、どんなサイズにも拡大縮小できます。
PNGはどのくらいの大きさまで変換できますか?
無料ツールでは、1枚あたり5 MBまでです。ピクセル数は16 MP (4096 x 4096)までです。ログインしているユーザーは、1枚あたり10 MBまでアップロードできます。
アカウントは必要ですか?
いいえ、アカウント登録は不要です。ログインしていない場合は、セキュリティ確認を完了してから変換します。ログインしているユーザーは確認を省略でき、画像ごとに5クレジットを使います。
アップロードした画像と変換結果は、いつまで残りますか?
アップロードした画像は、ジョブが終わるとすぐに削除されます。SVGの結果は、無料ツールでは10分後に削除されます。履歴は残りません。
コードからPNGをSVGに変換できますか?
はい、APIで変換できます。生の画像バイトを画像ジョブのエンドポイントに送り、statusがsucceeded、failed、timeoutのいずれかになるまで確認します。succeededになったら、download_urlからSVGを取得します。
これはAIですか?
いいえ、AIではなく、トレース用のプログラムです。似た色のピクセルをまとめて図形にし、曲線を当てはめます。画像の内容は理解しません。
アプリ内や一括処理で使いたい場合
このツールはAPIと同じプラットフォームで動作するため、同じSVGを、お使いのコードから一回のHTTPリクエストで取得できます。 無料アカウントには、毎月100クレジットが含まれています。
