SVGをPNG・JPG・WebPに変換する方法（サイズ自由）

結論：ImgovoのSVG変換ツールを開き、SVGファイルを1つまたは複数追加して、PNG、JPG、WebP、AVIFのいずれかを選びます。サイズ（1×から4×、またはピクセル単位の幅）と、透明または色つきの背景を決めて変換し、ダウンロードします。処理はすべてブラウザの中で行われるため、図面がアップロードされることはありません。

なぜSVGを変換するのか

SVGはベクター形式の図形です。どんなサイズでも鮮明なので、ウェブサイトのロゴやアイコンに最適な形式です。ただ、SNSのプロフィール、メール署名、スライド、ネットショップ、アプリストア、印刷会社など、ピクセル画像しか受け付けない場所は多くあります。そうした場合は、決まったサイズのPNG、JPG、WebP、AVIFが必要です。

どの形式を選ぶか

形式	透明度	向いている場面
PNG	はい	ロゴ、アイコン、輪郭をくっきり見せたいもの。いちばん安全な選択です。
WebP	はい	ウェブサイト向けの軽いファイル。古いソフトでは開けないことがあります。
AVIF	はい	いちばん小さいファイル。古いソフトでは開けないことがあります。
JPG	いいえ	JPGしか受け付けない場所。空いた部分は背景色で塗られます。

迷ったらPNGから始めてください。形式の違いはJPG、PNG、WebP、AVIFの違い：どの画像形式を使うべきかで比べられます。

手順

1. SVG変換ツールを開き、SVGファイルをページにドロップするか、クリックして選ぶか、貼り付けます。ファイルは1つでも複数でも追加でき、1ファイルあたり3MBまでです。
2. 形式でPNG、JPG、WebP、AVIFのいずれかを選びます。JPG、WebP、AVIFでは画質のスライダーが表示されます（最初は90%）。
3. サイズで、元のサイズ（1×）、2×、3×、4×、または幅を指定を選びます。幅を指定する場合はピクセル数を入力します。高さは図形の縦横比に合わせて決まります。
4. 背景で透明または色を選びます。
5. 変換をクリックし、画像を1つずつ保存するか、すべてダウンロード (ZIP)でまとめて保存します。

サイズの決まり方

SVGには決まったピクセルサイズがありません。Imgovoはファイルに書かれた幅と高さ（ない場合はviewBox）を読み取り、選んだ倍率を掛けます。幅がちょうど512ピクセルの画像が必要なときは、倍率ではなく幅を指定を使ってください。

完成した画像は、1辺8000px、合計3200万画素まで作れます。ブラウザのメモリ不足を防ぐための上限です。

文字とフォント

SVGの文字はフォントで描かれます。そのフォントが端末にインストールされていない場合は別のフォントが使われ、描画ソフトで見たときと違う見た目になることがあります。図形に文字が含まれていると、Imgovoは注意を表示します。いちばん確実なのは、SVGを書き出す前に、描画ソフトで文字をアウトライン（パス）に変換しておくことです。外部のフォントや画像を必要とするファイルは、この変換ツールでは読み込めません。

安全のために取り除かれるもの

SVGファイルには、図形以外のものが入っていることがあります。描画の前に、Imgovoはスクリプト、埋め込まれたウェブページ、他のサイトへのリンク、イベント処理を取り除き、いくつ取り除いたかをファイルの下に表示します。図形、色、グラデーション、クリッピング、埋め込まれた画像はそのまま残ります。

たくさんのファイルを一度に

複数のSVGファイルを選ぶと、すべて同じ設定で変換されます。アイコンセットを丸ごと変換するときに便利です。結果は1つずつ保存することも、ZIPファイルにまとめて保存することもできます。

ヒント

• 必要だと思うサイズより大きめに。2×の画像はぼやけずに縮小できますが、小さな画像をきれいに拡大することはできません。
• 先にファイルを軽くする。SVGが描画ソフトから書き出したものなら、変換の前にSVG最適化ツールでエディターのデータを取り除けます。
• ICOやファビコンが必要なとき。代わりにファビコン作成ツールを使ってください。SVGのロゴをそのまま読み込めます。

プライバシー

SVGはお使いのブラウザの中で描かれて変換されます。何もアップロードされません。Imgovoがファイルをどう扱うかは、オンラインの画像変換ツールは安全？ ブラウザ内処理とサーバーへのアップロードをご覧ください。

今すぐ試す

SVG変換ツールを開き、SVGを追加してPNGでダウンロードしてみましょう。写真をあるピクセル形式から別の形式に変えたいときは、画像コンバーターを使います。