ここに画像をドロップ

またはクリックしてファイルを選択

対応形式:PNG、JPG、WebP、GIF、BMP

最大 10MB

無料オンライン 画像 SVG 変換ツール

PNG、JPG、WebP、GIF、BMP——あらゆるラスター画像を本物のベクターSVGに変換。ピクセルは編集可能で無限に拡大できるパスにトレースされ、すべてブラウザ内で完結します。無料、プライベート、ウォーターマークなし、登録不要。

画像 SVG 変換ツールの特長

あらゆるラスター形式を1つのベクター化ツールで

PNG、JPG、WebP、GIF、BMPのどれを入れても、出てくるのは1つのクリーンなSVG。形式ごとに別ツールを使う必要はありません——同じトレースエンジンがすべてを処理し、アニメーションGIFなら最初のフレームを取り出します。

真のラスター→ベクター変換

出力に含まれるのは、ピクセルからトレースされた本物の<path>要素です——SVGの皮を被ったビットマップではありません。つまり本当の編集可能性と無限の拡大性という、偽物の変換ツールには決して提供できない2つが手に入ります。

内容に応じたプリセット自動選択

各画像を解析し、「線画」(スケッチ、スキャン)、「イラスト・ロゴ」(フラットカラーのグラフィック)、「写真アート」(ポスター調の写真効果)を自動選択——もちろん自由に切り替えて微調整できます。

トレースをフルコントロール

色の精度、スペックル除去、コーナーしきい値、レイヤー差分の詳細スライダーが画像をライブで再トレースするので、ディテールとファイルサイズをインタラクティブに調整できます。

何もブラウザの外に出ない

ベクター化はWebAssemblyによりローカルで実行されます。画像は一切アップロードされないため、機密グラフィックも個人の写真も完全にデバイス内にとどまります。

条件なしの無料

ウォーターマークなし、登録不要、1日あたりの制限もなし。好きなだけ画像をSVGに変換できます。

画像をSVGに変換する方法

1

ラスター画像をアップロード

PNG、JPG、WebP、GIF、BMPのファイルをドロップ。大きすぎる画像はトレース前に自動で縮小され、高速かつ安定した結果が得られます。

2

自動判別に任せてから微調整

ツールが画像の種類に合ったプリセットを選択します。プリセットを切り替えたり詳細設定を開いたりしてトレースを微調整でき、プレビューは即座に更新されます。

3

ベクターを書き出す

SVGファイルをダウンロードするか、コードを直接コピー。書き出す前に、プレビューの下に表示されるパス数とファイルサイズを確認しましょう。

画像をSVGに変換したい場面

混在フォーマット素材の整理

PNG、BMP、WebPが混ざったロゴフォルダを引き継いだ? 全部この1つのツールに通して、編集可能なSVGに統一しましょう。

レスポンシブなWebグラフィック

SVGはあらゆるビューポートと画面密度で完璧に拡大縮小されます。アイコンやイラストを一度ベクター化すれば、どこにでも配置できます。

カッティング・プロッター・彫刻

ビニールカッター、プロッター、レーザー彫刻機はベクター輪郭で動作します。あらゆるビットマップアートワークを機械で使えるパスに変換できます。

編集可能なデザインソース

フラット化された書き出しから作業可能なジオメトリを復元——トレースされた図形はすべて、Illustrator、Figma、Inkscapeで選択可能なパスとして開けます。

スタイライズされた写真アート

「写真アート」プリセットで写真をレイヤー構成のポスター調ベクターアートに。プリント、グッズ、SNS用グラフィックに最適です。

GIFフレームのベクター化

アニメーションGIFをドロップすると最初のフレームがトレースされます——ステッカーやリアクション画像を手早くベクター化する方法です。

画像 SVG 変換をうまく使うコツ

内容に合ったプリセットを選ぶ

自動判別はあくまで出発点であって、最終判断ではありません。紙の上で撮影されたロゴは写真として判別されることがあります——「イラスト・ロゴ」に切り替えると、はるかにクリーンなトレースになることが多いです。

シャープなエッジがきれいにトレースされる

フラットカラーとくっきりした境界は、ほぼ完璧なベクターを生みます。グラデーションや柔らかい影は段状のレイヤーになるため、そこはスタイライズと割り切りましょう。

斑点は早めに除去

圧縮ノイズやスキャナーのゴミは、細かい余計なパスに変わります。プレビューがクリーンに見えるまでスペックル除去を上げてください。

パス数とKBを見張る

メタバーにはトレース時間、出力サイズ、パス数が表示されます。パスが数千に及ぶとSVGは重くなります——色の精度を下げてスリム化しましょう。

シャープな元画像を与える

トレースはぼやけを増幅します。クリーンでそこそこ高解像度のソースは、引き伸ばしたサムネイルに必ず勝ります。

目的を持ってベクター化する

SVGが得意なのはグラフィックであって、写真の忠実な再現ではありません。写真を写真のまま見せたいなら、ラスターのまま圧縮しましょう。

この画像SVG変換ツールが選ばれる理由

あらゆるラスター形式を1つのツールで

PNG、JPG、WebP、GIF、BMP——手持ちの素材すべてを、一貫した1つのベクター化ツールで。

検証できる本物のベクター

SVGコードをコピーすればトレースされたパスが見えます——中にbase64ビットマップは隠れていません。

ずっと100%無料

費用なし、有料の壁なし、変換回数の上限なし。

プライバシー第一の設計

ローカルのWebAssembly処理——画像がどこかに送信されることはありません。

ライブでインタラクティブなトレース

プリセットとスライダーが即座に再トレースするので、望みの結果に素早くたどり着けます。

アカウント不要

登録もメールも不要——ページを開いてすぐベクター化を始められます。

画像 SVG 変換 - よくある質問

本物のベクター化です。オンライン変換ツールにありがちな手抜きは、ビットマップをSVGタグ内にbase64で埋め込むこと——拡張子は変わってもピクセルはそのままです。このツールは画像を本物のベクターパスにトレースします。SVGコードをコピーすれば、<path>データをご自身の目で確認できます。
PNG、JPG/JPEG、WebP、GIF、BMPに対応しています。アニメーションGIFは最初のフレームが使われます。PNGやWebPの透明ピクセルは背景として扱われ、トレースから除外されます。
できます。出力は本物のパスで構成された標準SVGです——Illustrator、Figma、Inkscape、あるいはコードエディタで開けば、すべての図形を個別に編集できます。
連続階調の写真はベクター化すると何千もの色レイヤーに分解されるため、SVGが元ファイルより大きくなることがあります。ベクター化が最適なのはロゴ、アイコン、線画です。写真の場合はポスター調のアート効果になるため、忠実な再現には圧縮したラスター形式のほうが実用的な選択であることがほとんどです。
「線画」は純粋な白黒でトレースします——スケッチ、サイン、スキャンに最適。「イラスト・ロゴ」はフラットカラーのグラフィック向けに適度な色数を保ちます。「写真アート」はより多くの色レイヤーを使い、写真をポスター調のアートワークとして描き出します。
されません。トレースはWebAssemblyを通じてすべてブラウザ内で実行されます。画像がデバイスの外に出ることはありません。
はい——完全無料で、ウォーターマークなし、アカウント不要、変換回数の制限もありません。