本文へスキップ
ToolMug

SVG を PNG に変換

SVG のアイコン、ロゴ、イラストを、必要な解像度の PNG 画像に変換します。ベクターを目的のサイズで直接描画するので、どれだけ大きくしても鮮明なままです。

ブラウザ内で動作 — 入力した内容はアップロードされません

またはここにファイルをドロップ(複数可)

または SVG コードを貼り付け

使い方

  1. SVG ファイルを 1 つ以上選択するか、SVG コードを貼り付けます。
  2. 倍率(1× 〜 4×)またはピクセル単位の幅を選びます。
  3. PNG、JPG、WebP のいずれかと、透明または単色の背景を選びます。
  4. 「変換」をクリックし、画像を個別に、またはまとめて ZIP でダウンロードします。

オプションの説明

倍率/幅
倍率は SVG 本来のサイズに掛け算します。24×24 のアイコンを 4× にすると 96×96 になります。幅は正確な幅を指定し、高さは SVG の縦横比に従います。
背景
PNG と WebP は透過を保持します。JPG は透過に対応していないため、常に背景色が使われます。

例

アプリのアイコン。 24×24 のアイコンを 4× で変換すると、鮮明な 96×96 の PNG が得られます。

文書用のロゴ。 幅に 2000 を指定し、背景を白にすると、印刷品質の JPG が得られます。

よくある質問

SVG が 300×150 で出力されるのはなぜですか?

width、height、viewBox のいずれもない SVG には固有のサイズがなく、ブラウザは 300×150 として扱います。SVG に viewBox を追加するか、ここで幅を指定してください。

一部が表示されないのはなぜですか?

この方法で変換する SVG では、セキュリティ上の理由から、ブラウザは SVG が参照する外部ファイル(リンクされた画像、スタイルシート、Web フォント)を読み込みません。変換前にそれらを SVG に埋め込むか、テキストをアウトライン化してください。

画質は落ちますか?

いいえ。小さな画像を拡大するのではなく、SVG を目的のサイズで直接描画するため、輪郭は鮮明なままです。

ファイルはアップロードされますか?

いいえ。SVG はお使いの端末上のブラウザで描画されます。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール