Codia
AI ベクターエンジン

Figma Communityで27,000+ユーザー · 250+いいね

PNG を SVG に変換：ロゴ・アイコン・透過 PNG をベクター化

PNG をアップロードすると、Codia の AI が編集できるパスでできた本物のフルカラー SVG にトレースします。透明部分は透明のまま。印刷用にも Web 用にも、シャープさを失わずにサイズを変えられます。

無料で開始 · クレジットカード不要 · Figma プラグインは毎月 10 クレジット無料

JPG、WebP、GIF を変換するなら、画像 SVG 変換ツールへ

Figma で作業中なら、無料の VectorMagic プラグインを入手

一般的なクリエイティブワークフロー向けに構築

PNG を SVG にする理由

PNG をベクターにしたくなるとき

透明な背景をそのまま

ロゴやアイコンは背景が透明な PNG で書き出されることがよくあります。Codia は SVG でもその部分を空けたままにするので、どんな色の上にもきれいに重ねられます。

拡大してもぼやけない

PNG はピクセル数が決まっているため、拡大すると輪郭がぼやけます。SVG は形状から作り直されるので、看板サイズでもファビコンサイズでもくっきりしたままです。

形と色を自由に編集

SVG の形状はすべてパスなので、Figma、Illustrator、Inkscape やコード上で色を変えたり、動かしたり、簡略化したりできます。ピクセルを塗り直す必要はありません。

実際の変換を見る

ロゴ、印刷、デザイン向けの高品質な SVG 変換

Vector version
Pixel version
PIXELSVECTORS

ラスター画像をアップロードし、ガイド付きのブラウザワークフローで拡大縮小できるベクターに変換します。Codia はシャープなエッジ、なめらかな曲線、重要なディテールを保つので、元のピクセルサイズを超えてもグラフィックを活用できます。

ロゴの作り直し、大判印刷用のアートワーク準備、Web サイト用グラフィックの最適化など、Codia はプロのデザインと開発のワークフローに合う、編集可能な SVG を出力します。

アップロード、ドラッグ＆ドロップ、または Figma のレイヤーから

このページ上部の変換ツールに JPG、PNG、WebP、GIF をドロップするか、Figma で画像レイヤーを選んでプラグインを実行します。SVG 変換の準備は Codia が自動で行います。

画像を変換する
画像を Codia にアップロードまたはドロップして SVG に変換
Codia AI が画像を拡大縮小できる SVG ジオメトリに変換

Codia AI でベクター化

Codia が形状、曲線、色、エッジを検出し、画像を拡大縮小できる SVG ジオメトリとして再構築します。印刷用に拡大しても UI 用に縮小しても、ぼやけたりピクセル化したりしません。

画像をアップロード

ダウンロードして編集を続ける

SVG をプレビューし、Studio や Figma で手早く調整してから、完成したベクターをダウンロード。Web サイト、アプリ素材、プレゼン資料、ブランディング、大判印刷に使えます。

無料の Figma プラグインを入手
変換した SVG をプレビュー・編集・ダウンロードしてデザインに活用

実務で使えるベクターのために

きれいなパスと使えるディテールを生む AI ベクター化

Codia の画像 SVG 変換機能

形状を理解するトレース

ピクセルをなめらかにするだけでなく、アートワークをベクターパスとして再構築するため、エッジ、塗り、シルエットをそのまま活用できます。

自動で高精度

手作業のトレースや複雑な設定なしで、細かなディテールや曲線のエッジを捉えます。

曲線とコーナーに対応

なめらかなベジェ曲線、シャープな角、複雑な輪郭をフィットさせ、すぐに仕上げに入れる SVG にします。

幅広い画像に対応

ロゴ、アイコン、スケッチ、フラットなイラスト、写真に近いグラフィックなど、ベクター版が必要なさまざまな画像に使えます。

スピーディーな変換

画像をすばやく処理するので、アップロードからプレビュー、ダウンロードまで作業の流れを止めません。

カラーと透明部分を保持

フルカラーのアートワークと透明部分を保つので、Web サイト、アプリ、ブランドキット、印刷データにそのまま使えます。

PNG からきれいな SVG を作るコツ

ベクターの仕上がりは、元の PNG の品質で決まります。

  1. 1

    いちばん大きいファイルを使う

    小さい PNG や強く圧縮された PNG は、トレースの手がかりが少なくなります。小さなファイルしかない場合は、先に高画質化してから変換しましょう。

  2. 2

    フラットなアートワークが向いている

    ロゴ、アイコン、文字、フラットなイラストは、すっきりとしたコンパクトなパスになります。写真も変換できますが、大きく複雑な SVG ファイルになります。

  3. 3

    変換後に仕上げる

    SVG を Codia Studio や Figma で開き、余分な形状をまとめたり、色を整えたり、角を直したりしてから使いましょう。

SVG API

API アクセスで画像から SVG への変換を自動化

このページの背後にあるベクターエンジンを、あなた自身の製品、アセットパイプライン、CMS、デザイン自動化ワークフローで活用できます。PNG、JPG、GIF、または WebP 画像を送信し、完了をポーリングして、生成された SVG をダウンロードします。

画像を送信

マルチパートフォームデータでローカルファイルをアップロードするか、バックエンドから公開画像 URL を送信します。

非同期ジョブをポーリング

作成エンドポイントは record_id を返します。status が complete または failed になるまで取得エンドポイントをポーリングします。

SVG をダウンロード

返された svg_url を取得し、長期利用のために自分のアセットシステムに保存します。

SVG API ドキュメントを見るAPI キーを作成
エンドポイント
POSThttps://openapi.codia.ai/v2/open/svg_converter/create
リクエスト
curl 'https://openapi.codia.ai/v2/open/svg_converter/create' \
  -H 'Authorization: Bearer {codia_api_key}' \
  -H 'Content-Type: application/json' \
  --data '{
    "image_url": "https://example.com/logo.png",
    "file_name": "logo.png"
  }'
レスポンス
{
  "code": 0,
  "message": "ok",
  "data": {
    "record_id": "550e8400-e29b-41d4-a716-446655440000"
  }
}
プランに応じた上限

アップロード前に /v2/open/svg_converter/limit を呼び出すと、画像サイズ、ファイルサイズ、クレジットコストの最新の上限を取得できます。

共有クレジット

SVG 変換は Codia API クレジットを使用し、変換が成功した後にのみ課金されます。

PNG SVG 変換のよくある質問

PNG 画像を SVG ベクターに変換する方法についての回答です。

画像をもっと活用するツール