SVGをPNGに変換
ロゴやアイコンを、必要なピクセルサイズのPNGで書き出します。元の透明部分を保ち、幅と高さは縦横比に合わせて調整できます。
SVG画像を選択
またはここに画像をドラッグ&ドロップ
SVG形式・最大100枚・1枚あたり100 MB
変換はブラウザ内で行われ、画像はサーバーにアップロードされません。
- オリジナル
- —
- PNG
- —
- 出力サイズ
- —
SVG の出力サイズ
縦横比は固定です。一方を変更すると、もう一方も変わります。
使う場所に合わせてサイズ指定
画像を選択すると、まずSVGから読み取ったサイズでPNGを作成します。「SVG の出力サイズ」を開いて幅か高さを入力すると、もう一方も元の比率に合わせて変わります。サイズの指定は画像ごとに行えます。
文字や埋め込み画像の見え方を確認
SVGの文字はブラウザで利用できるフォントで描かれます。表示を揃えたい場合は編集ソフトで文字をアウトライン化し、外部参照の画像はSVG内に埋め込んでから変換すると確認しやすくなります。
編集用SVGと配布用PNGを分けて保管
PNGは固定サイズの画像なので、資料やPNG指定のフォームに使えます。パスや文字の再編集には元のSVGを使用してください。透明部分は市松模様で確認でき、模様自体はPNGに入りません。
SVGをPNGに変換する手順
- SVGファイルを選択して、自動で作成されたPNGを確認します。
- 必要に応じて「SVG の出力サイズ」で幅または高さを入力します。「元のサイズ」で読み込み時のサイズに戻せます。
- 文字と輪郭、透明部分を確認してPNGを保存します。複数枚はZIPでまとめて保存できます。
SVGからPNGへの変換について
初期状態では何ピクセルになりますか?
SVGで指定された幅、高さ、viewBoxから読み取ったサイズを使います。出力サイズの欄で1以上の整数を入力して変更できます。
大きなPNGにしても鮮明ですか?
ベクターの線や図形は指定サイズで描き直します。SVGに含まれる写真などのラスター画像は、その元の解像度によって見え方が変わります。
背景を透過したまま保存できますか?
はい。SVGにある透明・半透明の部分を保ちます。SVG自体に背景の図形がある場合は、その図形も出力します。
文字のフォントが変わった場合は?
元の編集ソフトで文字をアウトライン化してからSVGを書き出してください。特定のフォントが端末にない場合にも形を揃えやすくなります。
PNGからパスや文字を編集できますか?
PNGは画素をまとめた画像です。パスや文字を編集する用途には元のSVGを保管して使ってください。