無料オンラインSVGコンバータ
SVGをPNG、JPG、WebP、BMP、GIF、AVIF、ICO、ICNSに変換したり、PNG、JPG、WebP、GIF、BMP、AVIF、TIFF画像をSVGにベクトル化したりできます。処理はすべてブラウザ内で行われ、最大40ファイルの一括変換に対応。登録も透かしもありません。
SVG を PNG や JPG に変換
SVG と画像を変換する
SVG をアイコンに
SVG から Windows .ico ファビコンまたは macOS .icns アプリアイコンを作成します。標準サイズのうち、最大サイズ以下のものを 1 つのファイルにまとめます。
ICO・ICNS アイコンを作成画像を SVG に
PNG、JPG、WebP、GIF、BMP、AVIF、または TIFF をスケーラブルな SVG パスにベクトル化します。カラーまたは白黒のトレースを選択し、ソースに合わせて詳細を調整します。
画像を SVG にベクター化ファビコンを生成
ロゴを 1 つ入れるだけで一式が完成します。favicon.ico、Apple と Android 向けの PNG、Web マニフェスト、HTML タグを 1 つの ZIP にまとめます。
ファビコン一式を生成SVG を最適化してパッケージ化する
SVG を最適化
SVG ファイルを SVGO で圧縮します。メタデータとエディター データを削除し、マークアップを簡素化し、結果を 3 つのプリセット、パスごとのコントロール、ピクセル差分と比較します。
SVG を最適化して圧縮SVG シンボルスプライト
たくさんの SVG アイコンを <symbol> 要素として 1 つのスプライトファイルにまとめます。ID は衝突せず、アイコンごとにそのまま使える <use> のスニペットが付きます。
シンボルスプライトを作成開発者向けに SVG を書き出す
SVG を Data URI に
SVG を URL エンコードまたは Base64 の Data URI として、CSS や HTML にインラインで埋め込みます。background-image、mask-image、img タグのスニペットがそのまま使えます。
SVG を CSS にインライン埋め込みSVG を React に
JSX、propsとforwardRefに対応した.tsx／.jsxコンポーネント、またはマークアップを文字列として書き出す.tsモジュールを生成します。アイコンセット全体を変換し、ZIPでまとめてダウンロードできます。
React コンポーネントを生成出力形式から変換する
SVG を PNG に
フル透過に対応した可逆ラスター書き出し。アイコン、スクリーンショット、Web に最適です。
SVG を JPG に
品質を調整できる軽量な JPEG 書き出し。写真やグラデーションの多い画像に向きます。
SVG を WebP に
調整可能な圧縮と完全な透明性を備えた最新の Web フォーマット。軽量の Web グラフィックスにとって実用的な選択肢です。
SVG を BMP に
無圧縮の Windows ビットマップ書き出し。古いツールやピクセル単位の検証に便利です。
SVG を ICO に
16 px から 256 px までの標準ファビコンサイズのうち、最大サイズ以下のものを 1 つの .ico にまとめます。ブラウザのタブやショートカット向けです。
SVG を ICNS に
16 px から 1024 px までの標準 macOS アイコンサイズのうち、最大サイズ以下のものを 1 つの .icns にまとめます。アプリバンドルや書類アイコン向けです。
入力形式からベクター化する
SVG とは
SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。
SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。
SVG とラスター形式の比較
ベクター画像（SVG）とラスター画像（PNG、JPG）は用途が異なります。画像を何に使うかによって適した形式が決まります。
| 項目 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 拡大縮小 | 解像度に依存しない | 拡大するとぼやける | 固定サイズで事前に描画 |
| ファイルサイズ | 図形やアイコンは小さい | 解像度とともに増える | 各サイズの画像の集合 |
| 編集 | テキストやベクターツールで編集可 | ピクセル単位の編集のみ | 各サイズを編集して再度まとめる |
| アニメーション | CSS、SMIL、JavaScript | 限定的（APNG / GIF） | 非対応 |
| 透過 | 対応 | PNG は対応、JPG は非対応 | 対応（PNG ベース） |
プライバシー：ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
この SVG 変換ツールは本当に無料ですか？
はい。すべてのコンバーターとオプションは、アカウント、ウォーターマーク、プレミアム層、ダウンロード ペイウォールなしで無料で使用できます。ブラウザのメモリと文書化されたエクスポート制限は引き続き適用されます。
SVG ファイルはサーバーにアップロードされますか？
いいえ。変換はブラウザ内でローカルに実行されるため、追加したファイルはデバイス上に残ります。
SVG ファイルのサイズや一括処理の上限はありますか？
読み込む SVG の大きさは、ブラウザのメモリ以外に制限はありません。書き出しは 64 メガピクセルまで、1 辺の最大は 16,384 px です。1 回に最大 40 件を一括変換し、1 つの ZIP でダウンロードできます。
品質を落とさずに SVG を変換するにはどうすればよいですか？
変換する前に、最終的に使用する幅、高さ、および DPI を設定します。ベクトル形状はその解像度でレンダリングされるため、鮮明なままです。埋め込まれたラスター イメージは、依然としてソース解像度によって制限されています。ロスレス ピクセルの場合は PNG または BMP を選択し、正確なピクセルの保存よりも小さいファイルの方が重要な場合は JPG と WebP を選択します。
マルチサイズの ICO ファビコンや ICNS アイコンを書き出せますか？
はい。「SVG をアイコンに」をお使いください。最大サイズを選ぶと、そこまでの標準サイズをすべて 1 つのファイルにまとめます。.ico（Windows のファビコンとショートカット）は 16、32、48、64、128、256、.icns（macOS のアプリと書類のアイコン）は 16、32、64、128、256、512、1024 です。
どの出力形式なら背景の透過を保てますか？
PNG、WebP、AVIF、BMP、ICO、ICNS はいずれも SVG のフルアルファをそのまま引き継ぎます。書き出す前に「透過」の背景を選んでください。GIF は 1 ビットの透過なので、ピクセルは描画されるかされないかのどちらかで、輪郭のぼかしはできません。JPG にはアルファチャンネルがないため、透明な部分は選んだ背景色で塗りつぶされます。
複数の SVG ファイルを一括変換できますか？
はい。最大 40 件の SVG をドロップし、出力設定（形式、サイズ、背景、品質）を一度指定してから「すべて保存」を押してください。1 件ずつ受け取ることも、まとめて 1 つの ZIP でダウンロードすることもできます。
SVG と PNG、JPG、WebP は何が違いますか？
SVG はシェイプをベクトル命令として保存するため、ピクセル化されることなく拡大縮小できます。 PNG、JPG、および WebP はピクセルの固定グリッドを保存するため、エクスポート サイズを超えて拡大すると柔らかく見えることがあります。スケーラブルなロゴ、アイコン、イラストには SVG を使用します。宛先でラスター形式が必要な場合は、ラスター形式を使用します。