PNG SVG変換ツール
無料オンラインのPNG SVG変換ツール。PNGやJPGなどのビットマップを、色数やディテールを調整しながらスケーラブルなベクターSVGに変換。すべてブラウザ内で完結します。
PNG から SVG への変換はどのように行われますか?
ツールはビットマップをトレースします。画像を限定されたパレットに量子化し、色領域の境界を検出して、それを SVG パスとして再構築します。結果は本物のベクター画像で、サイズを変えてもぼやけません。
どんな画像が SVG 変換に向いていますか?
ロゴ、アイコン、フラットなイラスト、単色の少ないグラフィックが最もきれいに変換できます。写真もトレース可能ですが、多くの色数が必要で、パスの多い大きなファイルになりがちです。
プリセットモードの違いは何ですか?
ロゴ/アイコンは 2 色のみでシャープな形状に、イラストは 16 色でアートワーク向き、イラスト(ディテール)は 32 色と高精度、白黒シルエットは白黒 2 色パレットに固定、カスタムはすべて手動で調整できます。
色数とディテールのスライダーの役割は?
色数はトレース後の SVG が使える色の種類数(2〜32)を決めます。ディテールは曲線近似の許容度を制御し、値が小さいほど輪郭に忠実で、パスは細かくなる代わりにファイルは重くなります。
画像が 1600px に縮小されるのはなぜですか?
非常に大きな画像のトレースは時間とメモリを大量に消費します。長辺が 1600px を超える画像は、トレース前に縮小されます。より高い解像度が必要な場合は、最大 3000px まで許可するスイッチをオンにしてください。
JPG や写真を SVG に変換できますか?
はい。ブラウザがデコードできるビットマップなら何でも対応します:PNG、JPG、GIF、WebP など。写真はディテールモード+多めの色数から始め、忠実さとファイルサイズのバランスを見ながら調整してください。
画像はサーバーにアップロードされますか?
いいえ。デコードとトレースは Web Worker でブラウザ内のローカル処理です。画像が端末の外に出ることはなく、私的素材やライセンス作品にも安全に使えます。
ダウンロードした SVG ファイルの使い方は?
SVG はブラウザ、Figma、Illustrator、Inkscape ほか大半のデザインツールで開け、<svg> タグで HTML に直接埋め込んだり、<img> のソースとしても使えます。ベクターなのでどのサイズでも鮮明です。
トレースした SVG のファイルが大きいのはなぜ?
SVG のサイズは形状の数に比例し、形状数は色数とディテールを上げるほど増えます。色数を減らす、ディテールの許容度を上げる、元画像を縮小する、のいずれかでファイルを軽量化できます。
PNG SVG変換ツールの使い方
ビットマップのトレースは PNG や JPG をベクターパスとして描き直すため、どんなサイズに拡大しても鮮明です。このツールはブラウザ内でローカルにトレースし、ロゴ・イラスト・シルエット向けのプリセットを備えています。
- アップロードエリアに画像をドロップします。PNG、JPG、GIF、WebP に対応しています。元画像とトレース結果の SVG が並んで表示され、設定を変えるたびに自動で再トレースされます。
- 「モード」のプリセットを画像に合わせて選びます。フラットなマークには「ロゴ / アイコン(2色)」、カラフルな作品には「イラスト(16色)」、複雑な絵には「イラスト(ディテール)」、2色の切り抜きには「白黒シルエット」です。
- 「色数」と「ディテール」のスライダーで微調整します。色を増やすとグラデーションは再現されますがファイルは大きくなり、ディテールを下げるとノイズが滑らかになり、上げると細かい形状まで追従します。
- 画像が 1600px に縮小されたという通知が出たら、「最大3000pxまで許可」にチェックを入れて再トレースさせると、より多くのディテールを保持できます。
- 2 つのペインを見比べたら、「SVGをダウンロード」で保存、「SVGコードをコピー」でコードを取得、または「SVGコードを表示」を展開して生成されたマークアップを確認します。
トレースが向くのはフラットなグラフィックです。写真は巨大でポスター化された SVG にしかならないため、そのまま残し、ベクトル化はロゴ・アイコン・ラインアートに使いましょう。
関連ツール
- SVGからPNG変換ツール SVGをPNG、JPEG、WebPにブラウザで即変換。スケール、サイズ、背景色をカスタマイズ可能。無料、プライバシー保護、アップロード不要。
- SVG最適化ツール ブラウザでSVGファイルを即座に最適化・圧縮。メタデータ、コメント、エディターの不要データを削除し、ファイルサイズを最大60%削減。
- SVGビューアー&エディター SVGファイルをオンラインでプレビュー、編集、最適化。リアルタイムプレビュー、コード編集、最適化ツール。
- 画像変換 JPEG、PNG、WebP、BMP、ICO間でオンライン画像変換。品質調整、透明度の背景色設定、バッチ処理に対応。無料・プライバシー保護・アップロード不要。
- GIFフレーム分割 GIFアニメーションから個別フレームをPNGまたはスプライトシートとして抽出・ダウンロード。プレビューとZIPエクスポート対応の無料オンラインツール。
- GIF逆再生 GIFアニメーションの再生順序を無料で逆転。アップロード、プレビュー、即座にダウンロード。
- GIFスピード変更 GIFアニメーション速度をオンラインで変更。GIFファイルを即座に加速または減速。
- 動画をGIFに 動画をアニメーションGIFにオンライン変換。品質・フレームレート・解像度をブラウザで直接調整、アップロード不要。