SVGをPNGに変換する方法
- SVGファイルを選択するか、ページにドラッグ＆ドロップします。
- SVGファイルの幅に出力する幅（例：1024 px）を入力します。高さは縦横比に合わせて自動で決まります。空欄にすると、SVGで定義されたサイズが使われます。
- PNGを1枚ずつ、またはZIPでまとめてダウンロードします。
くっきり出力するコツ：拡大ではなく幅を指定
SVGは入力した幅で直接描画されるため、数千ピクセルの大きさでも線や文字がくっきりしたままです。パーセント指定で結果を拡大するのは避けましょう。完成したピクセルを引き伸ばすことになり、画像がぼやけてしまいます。
| 用途 | 幅 |
|---|---|
| アプリのアイコン、SNSのプロフィール画像 | 512～1024 px |
| Webサイトのロゴ | 表示幅の2倍（例：200 pxのロゴなら400 px） |
| プレゼンのスライド | 画面幅いっぱいの画像なら1920 px |
| 300 DPIでの印刷 | インチ単位の幅 × 300（例：10 cmなら1181 px） |
SVGファイルのレンダリングのしくみ
- サイズ：SVGの
widthとheight（px、pt、mm、cm、inは自動で換算）、またはviewBoxから取得します。どちらもないファイルは300 × 150 pxでレンダリングされます。 - 透過：塗りのない部分は、PNGでも透明のままです。
- 安全性：SVGファイル内のスクリプトは一切実行されず、外部の画像やWebフォントも読み込まれません。
- 文字：フォントがSVGに埋め込まれていない場合は、お使いのデバイスにインストールされているフォントが使われます。正確に再現したい場合は、デザインソフトで文字をパス（アウトライン）に変換してください。
よくある質問
SVGから高解像度のPNGを作るには？
ファイルを追加する前に、SVGファイルの幅に希望の幅（例：2048 px）を入力してください。ベクター画像がちょうどその幅で、ぼやけることなくレンダリングされます。
PNGの文字の見た目が変わってしまうのはなぜですか？
SVGで使われているフォントが、お使いのデバイスにインストールされておらず、ファイルにも埋め込まれていないためです。デザインソフトで文字をアウトライン化（パスに変換）するか、フォントを埋め込んでください。
背景は透明になりますか？
はい。ただし、SVG自体に背景が描かれている場合は除きます。背景色付きのJPGが必要な場合は、画像変換ツールを使ってください。
ファイルはアップロードされますか？
いいえ。SVGファイルはブラウザ内でレンダリングされ、お使いのデバイスの外に出ることはありません。