使い方・操作ガイド SVG ⇄ PNG 相互変換ツール
1. 画像ファイルの選択またはドロップ
処理したい画像ファイルをブラウザ上にドラッグ＆ドロップまたは選択します。
2. クライアント側での高速画像処理
CanvasおよびWebAssembly技術により、画像データを外部送信することなくローカルで変換・圧縮します。
3. 最適化画像のダウンロード
変換・圧縮された画像を瞬時にダウンロードしてWebサイトやアプリで活用します。
このツールの仕組み
SVGベクターアイコンを指定の倍率や幅・高さで透明度を保ったまま高品質PNGとして書き出せます。
画像データはお使いの端末上のCanvas要素で処理されます。写真や画像ファイルが外部に送信されることはありません。
よくある質問
How does SVG to PNG rasterization handle transparent backgrounds?
You can choose between full alpha transparency, solid white, or custom dark backgrounds before generating and downloading your PNG.
Can I export high-resolution retina images for print or 4K displays?
Yes! The scale selector allows up to 8x resolution scaling, rasterizing vector shapes into crisp, unpixelated high-DPI images.
How does raster-to-SVG vectorization work?
The in-browser engine samples pixel brightness across image coordinates, evaluates luminance thresholds, and traces connected active areas into scalable SVG vector paths.
Convert SVG to PNG in Terminal
重い外部パッケージを導入せず、ターミナル上で直接実行可能
$ rsvg-convert -w 1024 -h 1024 icon.svg -o icon.pngRenders vector SVG graphics into raster PNG files at crisp high resolutions.
$ inkscape icon.svg --export-filename=icon.png --export-width=1024Universal vector graphic conversion using Inkscape command line.
モダンWeb画像フォーマット比較
| フォーマット | 圧縮方式 | 透過 (アルファ) | 最適な用途 |
|---|---|---|---|
| WebP | 可逆 / 非可逆 | 対応 (アルファ透過) | モダンWeb画像、JPEG比で約30%軽量 |
| PNG | 可逆圧縮 (Deflate) | 対応 (8bitアルファ) | アイコン、UIスクリーンショット、鮮明な文字 |
| JPEG | 非可逆 (DCT) | 非対応 | ファイルサイズを重視する高精細写真 |
| SVG | ベクター (XML構文) | 対応 | ロゴ、アイコン、解像度に依存しないグラフィック |
| AVIF | 次世代圧縮 (AV1) | 対応 (HDR / 12bit) | 極めて高い圧縮率と画質を両立する次世代規格 |