無料オンライン PNG から SVG へのコンバーター

あらゆる画像を数秒でスケーラブルなベクターグラフィックスに変換します。登録不要、制限なし、フルカラー対応。

✓ 永久無料 PNG · JPG · BMP · WebP → SVG ライブプレビュー カラー & 白黒モード ウォーターマークなし 登録不要
⬆️ ここに画像をドロップ
または参照
プリセット
カラーモード
カラー
カラー精度 8
レイヤーの差分 16
階層的
カーブフィッティング
斑点フィルター 4
角のしきい値 60
長さのしきい値 4.0
スプライスしきい値 45
Path precision 3
SVG プレビュー
ライブ

開始するには画像をアップロードしてください

変換中...

PNG vs SVG、ツールの実際の出力で比較

以下はこのページのコンバーターで実際に変換した結果です。この小さな 128 px のロゴを拡大すると、PNG は正方形のピクセルに崩れるのに対し、トレースされた SVG はくっきり鮮明なままです。

変換前 · PNG
サンプルロゴ。小さな 128 px の PNG を拡大したもので、正方形のピクセルとギザギザの輪郭が見える
変換後 · SVG
同じロゴを SVG にトレースしたもの。同じ拡大率でも輪郭が滑らかで鮮明
サンプルは、クライアントから送られてくる典型的な 128 px の PNG(4 KB)。拡大すると正方形のピクセルが目立ちます。ここで「写真」プリセットでトレースした SVG(4 KB)は同じ容量のまま、16 px のファビコンから屋外広告まで、どのサイズでも鮮明。これがピクセルと曲線の違いです。

PNG は画像を固定されたピクセルのグリッドとして保存するため、書き出したサイズでしか正しく表示されません。ロゴを拡大すれば輪郭がにじみ、高密度ディスプレイに表示するには同じファイルの重いバージョンを2〜3個も用意しなければなりません。一方、SVG は図形を曲線と座標で記述するため、ブラウザーは 1つの小さなファイルから、どのサイズでも鮮明に再描画できます。上の比較画像が、実際のロゴでの結果です。実務では、ロゴ・アイコン・線画・フラットなイラストは SVG に変換し、写真・スクリーンショット・テクスチャは PNG、WebP、JPG のままにしておきましょう。こうした画像では、ピクセル形式の方が実際にはよく圧縮されます。

同じ違いを、横並びでまとめると:

項目 PNG(ラスター) SVG(ベクター)
拡大・縮小 拡大した瞬間にぼやける 16 px から 4K まで、どのサイズでも鮮明
ファイルサイズ(ロゴ) 40〜80 KB。@2x では2倍に 2〜12 KB。全画面でファイルは 1つだけ
高密度ディスプレイ @1x、@2x、@3x の個別書き出しが必要 1つのファイルをそのまま使用
編集 つぶれたピクセル。変更には元ファイルが必要 すべての図形が編集可能なパス
最適な用途 写真、スクリーンショット、複雑な画像 ロゴ、アイコン、フラットなイラスト

無料画像ベクターライザー

PixelToPath は無料のオンライン画像ベクターライザーです。PNG、JPG、BMP、WebP などどんなファイルでも、クリーンで拡張可能な SVG に変換します。この技術は「ラスターからベクターへの変換」や画像トレースと呼ばれます。ピクセルごとに 1 つの色の値を保存する代わりに、エンジンが画像を数学的な曲線として組み立て直すため、ブラウザーは 16 px のファビコンから 4K ディスプレイまで、どのサイズでも完璧に再描画できます。ビットマップは拡大するたびにぼやけますが、ベクターファイルは決してぼやけません。画像をアップロードし、設定を微調整しながらライブプレビューの変化を確認したら、Illustrator、Inkscape、Figma での編集、Web サイトへの埋め込み、レーザーカッターやカッティングプロッターでの加工にそのまま使える SVG をダウンロードしましょう。

トレースモードは2種類用意されています。イラストや写真にはフルカラー、ロゴやアイコンには黒 & 白 - すべてのパラメータを調整して、よりクリーンな仕上がりにできます。

詳しく見る: オンラインで画像をベクター化する方法 →

仕組み

セットアップもアカウントも不要。アップロード、プレビュー、ダウンロードが10秒以内に完了。

📁

1. アップロード

ドラッグ&ドロップまたはクリックで PNG、JPG、BMP、WebP をアップロード。クリップボードからの貼り付けも可能です。

2. ライブプレビュー

設定を変更すると SVG が自動的に更新されます。変換ボタンをクリックする必要はありません。

💾

3. ダウンロード

SVG をダウンロードをクリックしてベクターファイルを取得します。Illustrator、Inkscape、Figmaで開けます。

どのプリセットを使うべきですか?

PixelToPath は画像の性質に応じて3つの最適化されたプリセットを提供します。すべてのパラメータを手動で調整することも可能です。

白黒 白黒

トレース前に画像をグレースケールに変換します。単色のクリーンなパスを生成します。最適:

  • ロゴとブランドマーク
  • アイコンとピクトグラム
  • 線画とスケッチ
  • カッティングシートとレーザー彫刻

ポスター フラットカラー

高い精度で複数のカラーレイヤーが重なり合ったものとしてトレースします。最適:

  • フラットなイラストとカートゥーン
  • インフォグラフィック
  • クリップアート
  • 明確な色を持つデジタルアート

写真 写真

実際の写真の複雑さを処理するために広範なグループ化とノイズフィルタリングを使用します。最適:

  • ポートレートと顔
  • 風景写真
  • 商品写真
  • グラデーションが多い複雑な画像

SVG で何ができますか?

PixelToPath で生成された SVG は標準的で、どこでも機能します。

🎨

Figma または Illustrator で編集

すべての図形は完全に編集可能なパスです。品質を落とさずに色を変更したりサイズを変更できます。

🌐

Web サイトで使用

<img> タグとして使用するか、CSS でスタイルを設定します。PNG より高速に読み込まれます。

🖨️

任意のサイズで印刷

名刺からビルボードまで、どんなサイズでもぼやけずに完璧な結果を得られます。

✂️

レーザーカット

LightBurn や Cricut Design Space に直接インポートできます。

💻

アプリと Web アイコン

React、Vue で完璧に機能します。

🎞️

CSS と JS のアニメーション

静的な画像をベクターアニメーションに変えます。

よくある質問

制限なしで本当に無料ですか?

はい、完全無料です。PixelToPath はオープンソース (MIT) プロジェクトです。

カラー画像に対応していますか?

はい。VTracer を使用しています。カラーには ポスター または 写真 を選択してください。

ファイルは保存されますか?

いいえ。処理後すぐに削除されます。

サポートされているフォーマットは何ですか?

PNG、JPG、JPEG、BMP、WebP (Ctrl+V も可)。

最大ファイルサイズは?

オンラインは 20 MB まで。無制限に使用するにはデスクトップアプリをダウンロードしてください。

白黒の結果がおかしいのはなぜですか?

詳細設定で 反転 をオンにしてください。

スプライン、ポリゴン、ピクセルの違いは何ですか?

スプライン は滑らかな曲線。ポリゴン は直線。ピクセル はピクセルアート用です。

商用プロジェクトで使用できますか?

はい、ライセンス制限はありません。

バージョンを選択

同じ強力なエンジン - ワークフローに合った形式を選択してください。

🌐

オンラインツール

無料

ブラウザで直接画像を変換します。インストール不要、アカウント不要。

ツールを開く
💻

デスクトップアプリ

無料 & オープンソース

マシン上のフルコンバーター、Windows & Linux向け。

無料でダウンロード
⌨️

デスクトップアプリ Pro

€39 買い切り

重いワークロード向けのホットフォルダ、一括変換、およびCLI。

Proを入手
🔌

API

無料枠 + クレジットパック

1つのREST呼び出し:画像を送信し、クリーンなSVGを受け取ります。月10回無料。

APIキーを取得

オフラインで無制限の変換が必要ですか?

デスクトップ版はコンピューター上で完全に動作し、インターネットは不要です。