SVG

JavaScript SVG Generator（画像 → SVG生成）

画像をアップロード → ブラウザ内でSVG（<image>埋め込み）を生成 → プレビュー/コピー/ダウンロード

✅ 通信なし（ローカル処理） 📐 複数サイズ対応 🧩 PNG/JPG/WebP/GIF対応

1) 画像を選んでSVGを作る

画像ファイル

端末内の画像を読み込んでSVGに埋め込みます（サーバーへ送信しません）。

出力ファイル名（.svgは自動）

例：thumb_1200 → thumb_1200.svg

サイズプリセット

SVGのwidth/heightとviewBoxに反映されます。

カスタムサイズ（px）

プリセットが「カスタム」のとき有効。

フィット（画像の置き方）

SVGのpreserveAspectRatioに反映します。

背景（余白の色）

containで余白が出る場合に見えます。

埋め込み方式

data URLはSVG1枚で完結。pathは別途画像ファイルが必要。

画像情報

未選択

出力サイズ

埋め込み

生成されたSVGコード

※このツールは「画像をベクター化」しません。SVGの中に<image>として画像を埋め込みます（＝ラスタ画像をSVGコンテナに入れる方式）。

画像を選んで「SVGを生成」すると、ここにプレビューが表示されます。

SVGの説明（このツールの生成方式） ▾

生成するSVGは、<svg>の中に<image>要素を置き、画像を data URL（base64）または パス参照で読み込むタイプです。

「画像の線をパスに変換する（トレースしてベクター化）」機能は含みません。必要なら別途ベクター化ツール（Inkscape等）をご利用ください。

使い方 ▾

画像の縦横比と出力サイズが違う場合、containなら余白、coverなら一部がトリミングされます。

画像の取り扱いについて ▾

プライバシーポリシー（雛形） ▾

1. 収集する情報
本ツールは、利用者が選択した画像ファイルをブラウザ上で読み込み、SVG生成に利用します。画像は原則としてサーバーへ送信されません。アクセス解析等を導入している場合は、その旨を別途明記してください。

2. 利用目的
読み込んだ画像は、SVG生成・プレビュー表示・ダウンロードのためにのみ利用します。

3. 第三者提供
本ツールは、画像を第三者へ提供しません（利用者が生成物を共有する場合を除く）。

4. 保存
本ツールは画像をサーバーに保存しません。生成されたSVGは利用者の端末に保存されます。

5. お問い合わせ
運用サイトの問い合わせ先（メール/フォームURL等）を記載してください。

※実運用に合わせて、Cookie/アクセス解析/広告の有無を追記してください。

免責事項（雛形） ▾