SVG→PNG
SVG→PNG変換の無料オンラインツール。ベクターをラスター画像に変換、1x〜4x解像度指定可能。ブラウザ処理、サーバー未送信。
lockファイルはサーバーに送信されません
Ctrl+D を押してこのページをブックマークしてください
SVGファイルを高画質PNG画像に変換する無料オンラインツールです。 出力解像度を自由に設定して希望サイズのPNGを生成します。 ブラウザ内で処理されファイルがサーバーに送信されません。 ロゴ、アイコン、イラスト変換に最適です。
SVG→PNGの使い方は?
- SVGファイルをアップロードします。
- 希望の出力解像度（サイズ）を設定します。
- 変換をクリックしてPNGをダウンロードします。
SVG→PNGに関するよくある質問
解像度を自由に設定できますか？
はい、幅と高さを直接入力するか倍率（1x、2x、4xなど）で設定できます。
透明背景は維持されますか？
はい、SVGの透明背景はPNG出力でもそのまま維持されます。
SVGをPNGに変換すると何が失われますか？
SVGは図形を座標と数式で記述するため、いくら拡大しても線が崩れず、CSSで色を変えたりアニメーションを付けたりもできます。PNGに変えるとそれらがすべて固定されたピクセル格子になり、拡大すればぼやけ、色も描き直さない限り変更できません。その代わりどのソフトでも開けてフォント欠落の問題も起きないため、SVG非対応のメールや文書、SNSにはPNGが必要になります。
SVG内の文字が別のフォントに置き換わって出力されるのはなぜですか？
SVGのtext要素はフォント名を参照するだけでフォント本体を含まないため、そのフォントがない環境では既定のフォントに置き換えられます。デザインツールから書き出す際に「テキストをアウトライン化」を有効にすれば、文字が図形に変換されどこでも同じ形が保たれます。ただしその状態では文字の修正も検索もできなくなるので、テキストのままの原本は別に保管しておきましょう。
SVG→PNGを上手に活用するには?
- viewBoxが無いSVGは拡大時に切れます。変換前にviewBox属性を確認しましょう。
- SVG内の文字は環境のフォントに依存するため、あらかじめアウトライン化しておくと安全です。
- 画面用は2倍、印刷用は4倍で書き出しておくと、あとから縮めて使えます。