ここにPNGをドロップ

またはクリックしてファイルを選択 · または Ctrl+V で貼り付け

対応形式:PNG、JPG、WebP、GIF、BMP

最大 10MB

PNG SVG 変換

無料オンライン PNG SVG 変換ツール。本物のベクター化で PNG のロゴ・アイコン・線画を編集可能なベクターパスに変換。ブラウザ内で完結しプライバシーも安心。

PNG SVG 変換ツールの特長

埋め込みではなく本物のベクター化

「PNG SVG変換」を名乗るツールの多くは、PNGをbase64画像としてSVGファイルに包むだけ——中身はビットマップのままで、拡大するとぼやけます。このツールはPNGを本物の<path>要素にトレースします。どのサイズでもシャープなままの真のベクターで、Illustrator、Figma、Inkscapeで編集可能な図形として開けます。

自動判別付きスマートプリセット

PNGを解析して最適な開始プリセットを自動選択します。白黒スケッチやサインには「線画」、フラットカラーのグラフィックには「イラスト・ロゴ」、写真には「写真アート」が選ばれます。

トレースを細かく調整

詳細設定を開けば、色の精度、スペックル除去、コーナーしきい値、レイヤー差分を制御できます。変更のたびにライブで再トレースされるので、思いどおりの仕上がりに追い込めます。

左右並べてライブプレビュー

元のPNGとトレース後のSVGを左右に並べて比較できます。結果ごとにトレース時間、出力サイズ、パス数も表示されます。

PNGをSVGに変換する方法

1

PNGをアップロード

ベクター化したいPNGをドラッグ&ドロップまたはクリックでアップロード。ツールが画像の種類を自動判別し、合ったプリセットを選択します。

2

プリセットを選んで微調整

「線画」「イラスト・ロゴ」「写真アート」から選択。詳細設定で色の精度、スペックル除去、コーナー処理を調整でき、プレビューはライブで更新されます。

3

SVGをダウンロードまたはコピー

SVGファイルをダウンロードするか、SVGコードをクリップボードにコピーして、エディタやWebサイトにそのまま貼り付けられます。

実際の処理例

PNG SVG 変換 · 処理例 1

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

PNG SVG 変換をうまく使うコツ

先にノイズを除去

JPEGアーティファクトやスキャナーのゴミは、トレース結果に細かい斑点を生みます。スペックル除去の値を上げれば自動でクリーンになります。

色数を減らしてクリーンな出力に

色の精度を下げると、似た色調が少ないレイヤーに統合されます——ロゴやポスターならファイルは小さく、図形はよりクリーンに。

コーナーをスタイルに合わせて調整

コーナーしきい値を下げると鋭い角が保たれ(幾何学的なロゴ向き)、上げると曲線が滑らかになります(有機的なアートワーク向き)。

ベクター化しないほうがよい場合を知る

忠実に再現したい写真はラスターのままにしましょう。ベクター化した写真は、ピクセル単位で正確な複製ではなくポスター調のアート表現になります。

できるだけシャープな元画像から

くっきりした高解像度のPNGは、小さくぼやけたものよりはるかにきれいにトレースされます。事前に拡大したり強く圧縮したりした素材は避けてください。

実際の処理例

PNG SVG 変換 · その他の処理例

このツール、またはツールと共通の処理コードで作成した結果です。入力、設定、出力を比較し、ファイルをダウンロードして確認できます。

PNG SVG 変換 - よくある質問

本物のベクター化です。多くの変換ツールは、PNGを<image>タグ内にbase64エンコードするだけ——ファイル名は.svgでも中身はビットマップのままで、拡大するとぼやけます。このツールはピクセルを本物のベクター<path>要素にトレースします。SVGコードをコピーすれば、埋め込み画像ではなくパスであることをご自身で確認できます。
できます。出力は本物のパスで構成されているため、Illustrator、Figma、Inkscapeなどのベクターエディタで開き、個々の図形を選択・変形・色変更・削除できます。
透明な領域は背景として扱われ、トレースから単純に除外されます。透過PNG上のロゴは、独立したベクター図形としてきれいに変換されます。
写真には何千もの微妙なグラデーションが含まれており、ベクター化すると多層のパスが生成されます——SVGが元のPNGより大きくなることもあります。ベクター化が真価を発揮するのはロゴ、アイコン、線画です。写真の場合は忠実な複製ではなくポスター調のアート効果になるため、圧縮したラスター形式のほうが目的に合わないか検討してください。
白黒スケッチ・サイン・スキャンには「線画」、フラットカラーのグラフィック・ロゴ・アイコンには「イラスト・ロゴ」、ポスター調アートにしたい写真には「写真アート」。ツールが開始プリセットを自動判別しますが、詳細設定でいつでも微調整できます。
選択したファイルの内容はブラウザーで処理し、アプリのアップロード先へ送信しません。ただし、サイト、フォント、処理ライブラリーの読み込みには通信が必要な場合があります。