Tiny Online Tools logoTiny Online Toolssearchツールを検索…grid_viewすべてのツール
ホームchevron_right画像ツールchevron_rightPNG を SVG に変換PNG を SVG に変換

PNG を SVG に変換

ラスター画像を SVG コンテナ内に包むか、ピクセルアートを色付き矩形に変換します。

upload_file

クリックして選択 またはここにファイルをドラッグ&ドロップ

画像を選択 (PNG, JPG, WebP)

対応形式: image/png,image/jpeg,image/webp,image/gif

変換モード埋め込み(SVG 内に base64 を含める)ピクセルトレース(色付き矩形、極小ピクセルアート向け)

関連ツール

SVGをPNGに変換

SVGをPNGに変換

ブラウザで任意のサイズのPNG画像にSVGファイルをレンダリングします。

SVG を JPG に変換

SVG を JPG に変換

SVG ベクター画像を品質調整付きの JPEG 画像に変換します。

ICO を PNG に変換

ICO を PNG に変換

ICO アイコンファイルから PNG 画像を抽出し、各サイズを個別にダウンロードします。

PDF を SVG に変換

PDF を SVG に変換

ブラウザでPDFページをスケーラブルなSVGベクターファイルに変換します。

PDF 分割

PDF 分割

PDF ファイルを個別ページまたはページ範囲に分割します。

ランダム数生成ツール

ランダム数生成ツール

カスタム範囲内でランダムな数値を生成します。

動画サムネイル生成

動画サムネイル生成

任意の動画から指定時刻の1フレームを抽出し、PNG サムネイルとして保存します。

apps

もっと見る

無料オンラインツールの全コレクションを見る。

PNG to SVG 変換er

変換 raster images into SVG フォーマット using two distinct approaches: embed your image as base64 within an SVG container, or trace pixel art into individual colored rectangles. This flexibility handles everything from photographs to retro game sprites.

The Embed mode advantage

Embedding wraps your PNG, JPG, or WebP image inside an SVG container as base64-encoded data. This preserves every pixel of the original image while giving you SVG 利点 like scalability and easy manipulation through code. Embedded SVGs work perfectly for photographs, complex illustrations, and detailed designs where perfect quality matters more than file reduction.

Pixel Trace for art and icons

Pixel Trace 変換s small images into colored rectangles, one per pixel. This 作成s a true vector representation ideal for pixel art, retro graphics, and simple icons. Because each pixel becomes a separate SVG element, output files grow quickly with image size. This mode works best for images under 64×64 pixels—larger images produce unwieldy SVG code.

When to use each approach

Choose Embed for any image where you want the original quality preserved. Use Pixel Trace when you need actual vector art from small, low-resolution pixel graphics. Both modes run entirely in your ブラウザ with no アップロードs or server processing.

Design system integration

Embedded SVGs integrate smoothly into responsive layouts and scale without quality loss. Pixel-traced artwork becomes editable vector code you can customize, animate, or optimize further.