SVGをPNGに変換

ロゴやアイコンを、必要なピクセルサイズのPNGで書き出します。元の透明部分を保ち、幅と高さは縦横比に合わせて調整できます。

SVG画像を選択

またはここに画像をドラッグ&ドロップ

SVG形式・最大100枚・1枚あたり100 MB

変換はブラウザ内で行われ、画像はサーバーにアップロードされません。

使う場所に合わせてサイズ指定

画像を選択すると、まずSVGから読み取ったサイズでPNGを作成します。「SVG の出力サイズ」を開いて幅か高さを入力すると、もう一方も元の比率に合わせて変わります。サイズの指定は画像ごとに行えます。

文字や埋め込み画像の見え方を確認

SVGの文字はブラウザで利用できるフォントで描かれます。表示を揃えたい場合は編集ソフトで文字をアウトライン化し、外部参照の画像はSVG内に埋め込んでから変換すると確認しやすくなります。

編集用SVGと配布用PNGを分けて保管

PNGは固定サイズの画像なので、資料やPNG指定のフォームに使えます。パスや文字の再編集には元のSVGを使用してください。透明部分は市松模様で確認でき、模様自体はPNGに入りません。

SVGをPNGに変換する手順

  1. SVGファイルを選択して、自動で作成されたPNGを確認します。
  2. 必要に応じて「SVG の出力サイズ」で幅または高さを入力します。「元のサイズ」で読み込み時のサイズに戻せます。
  3. 文字と輪郭、透明部分を確認してPNGを保存します。複数枚はZIPでまとめて保存できます。

SVGからPNGへの変換について

初期状態では何ピクセルになりますか?

SVGで指定された幅、高さ、viewBoxから読み取ったサイズを使います。出力サイズの欄で1以上の整数を入力して変更できます。

大きなPNGにしても鮮明ですか?

ベクターの線や図形は指定サイズで描き直します。SVGに含まれる写真などのラスター画像は、その元の解像度によって見え方が変わります。

背景を透過したまま保存できますか?

はい。SVGにある透明・半透明の部分を保ちます。SVG自体に背景の図形がある場合は、その図形も出力します。

文字のフォントが変わった場合は?

元の編集ソフトで文字をアウトライン化してからSVGを書き出してください。特定のフォントが端末にない場合にも形を揃えやすくなります。

PNGからパスや文字を編集できますか?

PNGは画素をまとめた画像です。パスや文字を編集する用途には元のSVGを保管して使ってください。

関連する画像ツール