RSRobince Studio

SVG PNG変換

SVGコードを貼り付けるかSVGファイルをアップロードし、1倍から4倍の拡大率と背景を選ぶと、くっきりしたPNGをダウンロードできます。SVGは画像としてのみ描画され、ページに挿入されることはありません。

ブラウザ内で動作します。ファイルがアップロードされることはありません。

読み込み中…

ツール内のボタンやラベルは英語です。このページでは使い方を日本語で説明します。

SVG PNG変換の使い方

  1. SVGファイルをアップロードするか、ボックスにコードを貼り付けます。
  2. 1倍から4倍の拡大率を選びます。
  3. 背景を透明のままにするか、オフにして色を選びます。
  4. プレビューを確認して、「PNGをダウンロード」を押します。

このツールの特長

  • 最大4倍に拡大. より高い解像度で描画でき、アイコン、スライド、印刷物がくっきり仕上がります。
  • 透明または単色. 透明を保つことも、デザインの背面を好きな色で塗りつぶすこともできます。
  • 安全な描画. SVGは画像として読み込まれるため、中のスクリプトは実行されず、ページのDOMに追加されることもありません。
  • サイズを自動で読み取り. width、height、またはviewBoxを使い、足りない名前空間は必要に応じて追加します。

よくある質問

なぜSVGをPNGに変換するのですか?

SVGはベクター形式で、ぼやけずに拡大縮小できますが、すべてのアプリが対応しているわけではありません。メールソフト、多くのSNS、ワープロソフト、一部のアップロードフォームでは、PNGなどのラスター形式が必要です。変換すると、ほとんどの場所で使える固定サイズの画像になります。

SVGが空白になる、またはエラーが出るのはなぜですか?

マークアップが無効だったり、閉じるsvgタグがなかったり、外部ファイルに依存していたりする可能性があります。画像として描画されるSVGは、外部のスタイルシート、フォント、画像を読み込めないため、それらの部分は表示されません。最良の結果を得るには、フォントはパスに変換し、画像はデータURLとして埋め込んでください。

PNGのサイズはどうなりますか?

基準のサイズは、width属性とheight属性から決まり、ない場合はviewBoxから決まります。それに拡大率を掛けるので、100×100のSVGを3倍にすると300×300のPNGになります。サイズ情報がまったくない場合は300×150とみなされ、お知らせが表示されます。

このツールを英語で見る · 日本語のツール一覧