PNGからSVGへ
PNGのロゴ・アイコン・フラットな図形を、どんなサイズでも劣化しないシャープなベクターSVGに変換。ブラウザ内で動作 — 無料・無制限・アップロード不要。
ここに画像をドロップ、またはクリックして選択
ローカル処理 — 何もアップロードされません
PNGをSVGに変換する方法
PNG画像をボックスにドラッグします。ロゴ・アイコン・フラットな図形など、輪郭がはっきりして色が単純なものに最適です。ファイルはこのタブに留まり、アップロードされません。
結果のディテールが多すぎる・少なすぎる場合はしきい値スライダーを調整します。高い値ほど淡い領域を取り込み、低い値ほど濃い形状だけを残します。
「変換」をクリックします。ベクター化されたSVGが下に表示されます — どれだけ拡大してもシャープです。コードをコピーするか、デザインツールやWebサイト用にファイルをダウンロードしてください。
知っておきたいコツ
ロゴとアイコン：なぜベクターはどんなサイズでもピクセルに勝つのか
PNGのロゴは200pxでは完璧でも2000pxではボケます — ピクセルは書き出し時に固定されるからです。SVGは形状を数学的な曲線で保存するため、同じファイルが名刺でも看板でもくっきり表示されます。印刷所がベクターファイルを求めるのはこのためです：1つのロゴで全用途をまかなえます。本ツールはフラットなPNGをその曲線に戻し、スクリーンショットしか残っていないビットマップロゴに未来のあらゆるサイズを与えます。ただし、見えているものを描き直すだけなので、低解像度PNGでもエッジはきれいに出ますが、ピクセルに元々ない細部は作り出せません。
フラットデザインからWebへ：現代サイトにおけるSVG
現代のサイトはアイコンやイラストを標準でSVGで配信します：ファイルは同等のPNGより小さく、高DPI画面でも常にシャープ、色もCSS一行で変えられます。64pxで一度だけ書き出したPNGアイコンはRetinaディスプレイでは弱点です。同じ形状をSVGにすれば拡大縮小のコストはゼロ。サイト・ロゴページ・faviconセットを作るなら、平面素材を先にSVG化することで「ぼやける画像」という問題のクラスごと消えます。本ツールはその変換を数秒で、デザインソフト不要で提供します。
ベクター化ができること・できないこと：正直な限界
ベクター化は魔法ではなく描き直しです。フラットなロゴを与えれば、きれいで無限に拡大できるパスが得られます。写真を与えれば、抽象画のような形状の帯が得られます — ツールは実行しますが、結果はコピーではなくスタイル化された解釈です。グラデーションと柔らかい影はたいてい犠牲になります：ベクターパスの塗りは単色なので、滑らかな変化は段差になります。しきい値スライダーはまさにこのトレードオフのためです — 大事な形状がしっかり残り、どうでもいいノイズが消えるまで動かしてください。迷ったら変換前に図形だけに切り抜きましょう：背景が少ないほどトレースはきれいになり、SVGファイルも小さくなります。
よくある質問
このPNG→SVG変換は本当に無料ですか？+
はい。変換はすべてブラウザ内で行われます — サーバーがないので課金対象も枚数制限もありません。
SVGは元のPNGと完全に同じになりますか？+
フラットな図形ならほぼ完璧です — ロゴ・アイコン・単色の形はほぼそのままベクター化されます。写真やグラデーションは色の帯に抽象化されます。ベクター化はピクセルをコピーするのではなく曲線で描き直すからです。
どんな画像が最適ですか？+
輪郭がはっきりして色数が少ないロゴ・アイコン・クリップアート・フラットなイラスト。単色UI要素のスクリーンショットも好適です。写真に近いほどベクター化には不向きです。
SVGは後から編集できますか？+
はい。ファイルにはピクセルではなく本物のベクターパスが入っています — Inkscape・Figma・IllustratorなどSVG対応エディタで開き、色を変え、ポイントを動かし、どんなサイズでも劣化なく書き出せます。
しきい値スライダーは何をするのですか？+
どのピクセルを形状にするかを決めます。しきい値より暗いピクセルがベクターパスになり、明るいピクセルは背景になります。上げると淡い領域も含み、下げると濃く実った形状だけ残します。