無料PNG to SVG変換ツール ― 画像をオンラインでベクターに変換
PNGファイルをドラッグするだけで、クリーンで編集可能なパスベースのSVGが手に入ります ― トレース処理はすべてブラウザ内で完結し、画像がアップロードされることは一切ありません。
PNGファイルをここにドラッグ&ドロップ
またはクリックしてファイルを選択 ― 複数ファイル対応、サイズ制限なし
ファイルを選択画像のベクター化とは?
PNGは色のついたピクセルが並んだグリッドです ― 十分に拡大すると、そのブロック状の粒子が見えてきます。一方SVGはまったく異なる仕組みで、画像を数学的なパスや図形の集合として保存します。そのため、favicon(ファビコン)から看板サイズまで、どんなサイズに拡大してもぼやけたりギザギザになったりすることがありません。ベクター化(「画像トレース」とも呼ばれます)とは、PNGのようなラスター画像を解析し、これらの拡大縮小可能なベクターパスとして再構築するプロセスです。このツールはまさにそれを、瞬時に、しかもすべてお使いの端末上だけで行います。
PNGとSVGの比較早見表
簡単に言うと、PNGは保存時の解像度に固定されますが、SVGはどんなサイズでも完璧に再描画されます。両フォーマットの実際の違いを見てみましょう。
| PNG | SVG | |
|---|---|---|
| 構成要素 | ピクセル | パスと図形 |
| 拡大縮小 | 元のサイズを超えるとぼやける | 画質を落とさずどんなサイズにも対応 |
| 一般的なファイルサイズ(アイコン・ロゴ) | 大きい、サイズごとに個別 | 小さい、1ファイルで全サイズに対応 |
| 図形の編集は可能? | 不可 ― ピクセルのみ | 可能 ― Illustrator、Inkscape、Figmaで編集可 |
| 最適な用途 | 写真、テクスチャ | ロゴ、アイコン、線画、カットデータ |
こんな画像タイプにおすすめです
ロゴ・アイコン
単色でエッジのはっきりした画像は、少数のクリーンで完全に拡大縮小可能なパスにトレースされます ― ブランドロゴ、アプリアイコン、バッジに最適です。
写真
フルカラーモードなら写真のカラーパレットをトレース領域として保持できるため、写真からポスター風のスタイリッシュなベクターアートを作るのに便利です。
スケッチ・線画
白黒モードは鉛筆スケッチや線画を1本のクリーンなパスに変換します ― レーザーカットやカッティングシートに最適です。
このPNG SVG変換ツールを使う人
デザイナー・開発者
ラスターロゴやアイコン、モックアップ素材を、ウェブサイトやアプリ、デザインシステム向けのスケーラブルなSVGに変換します。ブラウザから離れる必要はありません。
メイカー・クラフター
Cricut、Silhouette、レーザーカッター、刺繍データ化ソフト向けにデザインを準備します。ここでは見た目の美しさより実際のカットパスが重要です。
小規模事業者
既存のPNGロゴを印刷や看板、グッズ用のSVGに変換します。デザイナーに一から描き直してもらう費用をかけずに済みます。
学生・趣味の方
ベクター画像の仕組みを学んだり、学校の課題のために一度だけ変換したい場合に、デザインソフトを導入せずに使えます。
選ばれる理由
見せかけではない、本物のベクター化
出力されるSVGはすべて、画像から実際にトレースされた本物の<path>要素で構成されています ― ラスター画像をBase64エンコードしてSVGタグに貼り付けただけのものとは違います。
カラーはそのまま、思い通りに
フルカラーモードなら元のカラーパレットを保持できます。色数を調整すれば、忠実さとファイルサイズ・パスの複雑さのバランスを自由に調整できます。
透過背景もそのまま引き継ぎ
PNGのアルファ透過情報は元ファイルから直接読み取られ、トレース後のSVGにもそのまま反映されます。手動でのマスク処理は不要です。
登録不要、透かしなし
アカウントを作成せずに、好きなだけファイルを変換できます。ダウンロードされるのは、何も付加されていないクリーンなファイルです。
すべてブラウザ内で完結
トレース処理は、Canvas APIとバックグラウンドワーカーを使ってお使いの端末上で実行されます ― 画像がどこかにアップロードされることは一切ありません。
Cricut・Silhouette・レーザーカッターに対応
出力されるのは標準的なパスベースのSVGで、Cricut Design Space、Silhouette Studio、レーザーカット用ソフトウェアにそのまま読み込めます。
対応フォーマットとSVGが使える場所
このツールはあえて一つの作業に特化しています ― PNGを入力し、本物のパスベースSVGを出力すること。ここでPNGが重要なのは、トレーサーがファイルから直接読み取るピクセル単位の透明度を確実に保持できる形式だからです。ダウンロードするSVGはすべて標準規格に準拠したベクターファイルであり、独自形式ではありません。そのため、ブラウザやデザインツールがSVGを想定しているあらゆる場所で、同じように開くことができます。
- ベクターエディタ: Adobe Illustrator、Inkscape、Affinity Designer、Figma
- カット用ソフト: Cricut Design Space、Silhouette Studio
- レーザーカット用ソフト: LightBurn、LaserGRBL
- 刺繍データ化ソフトの元アウトラインとして
- 最新のあらゆるWebブラウザで、<img>、背景、インライン要素として
PNGをSVGに変換する方法
- 1
PNGをアップロード
PNGファイルを1枚以上ドラッグ&ドロップするか、クリックして選択してください。ファイルサイズの上限はなく、データが端末の外に出ることもありません。
- 2
設定を選択
白黒モードかフルカラーモードのトレース方式を選び、色数やディテールを調整し、背景を透過にするかどうかを決めます。
- 3
プレビューしてダウンロード
変換前後のプレビューをその場で確認し、どんなベクターエディタでも開ける本物のパスベースSVGファイルをダウンロードします。
よくある活用事例
もっと詳しく
よくある質問
このPNG to SVG変換ツールは本当に無料ですか?
はい。ファイル数の制限もサブスクリプションも不要で、ダウンロードしたファイルに透かしが入ることもありません。すべての変換が無料でご利用いただけます。
SVGはCricut Design SpaceやSilhouette Studioで使えますか?
はい。出力されるのは標準的なパスベースのSVGファイルなので、Cricut Design SpaceでもSilhouette Studioでも直接読み込むことができます。
トレース後のSVGに含まれる色数を調整できますか?
はい。フルカラーモードには色数を調整するスライダーがあり、写真をわずかな単色領域までシンプルにすることも、豊かなパレットを保持することもできます。
透過背景は維持されますか?
はい。PNGに透過背景がある場合、そのアルファチャンネルの透過情報が読み取られ、SVGにもそのまま引き継がれます。
PNGとSVGの具体的な違いは何ですか?
PNGは固定されたピクセルのグリッドなので、拡大するとぼやけてしまいます。一方SVGは画像を数学的なパスとして保存するため、どんなサイズに変更しても画質が劣化しません。
ダウンロード後にSVGを編集できますか?
はい。出力されるのは本物のパスデータなので、Illustrator、Inkscape、Figmaなど、どのベクターエディタでも開いて図形を直接編集できます。
ファイルサイズやファイル数に制限はありますか?
いいえ。PNGファイルは好きなだけ変換でき、人為的なサイズ上限もありません ― 非常に大きな画像の場合、トレースに多少時間がかかるだけです。
ロゴと写真、どちらにも対応していますか?
単色のロゴやアイコンは特にきれいにトレースされ、わずかなパスで表現されます。写真はフルカラーモードが最も適しており、ピクセル単位で忠実な複製というよりは、ポスター風でスタイリッシュなベクター表現になります。
画像を保存したりアップロードしたりしますか?
いいえ。変換処理はブラウザのCanvas APIを使ってすべてお使いの端末上で行われます ― ファイルがサーバーに送信されたり、どこかに保存されたりすることはありません。
ダウンロードしたSVGファイルはどんなソフトウェアで開けますか?
標準的なSVGファイルであれば、Adobe Illustrator、Inkscape、Figma、Affinity Designer、Cricut Design Space、Silhouette Studio、そして各種Webブラウザで開くことができます。
これはAIによるベクター化ツールですか?
いいえ ― 機械学習モデルではなく、決定論的なトレースアルゴリズム(色の量子化とエッジ検出)を使用しています。つまり同じ画像と同じ設定であれば常に同じ結果になり、不透明な「AI品質」トグルではなく、表示されているすべての設定を実際に自分でコントロールできます。
PNGだけでなくJPGやWebP画像も変換できますか?
このツールはPNGに特化しています。背景の扱い方の中心となるピクセル単位の透明度が、PNGならではの特長だからです。JPGやWebPをお持ちの場合は、まずPNGとして保存し直すとうまくいきます。特に透明度を保持する必要がない場合はおすすめです。