カテゴリー: 画像ツール

SVG から PNG への変換ツール

サイト側で企画したツールツールが見つからない?

SVG マークアップを任意の倍率でラスタライズ

SVG マークアップを貼り付けるか .svg ファイルを開き、1x から 8x の倍率を選んで PNG をダウンロードできます。ベクターの描画はお使いのブラウザが行うため、何もアップロードされません。

SVG マークアップ
SVG マークアップを貼り付けるか、ファイルを開いてください。
SVG のサイズ48 × 48PNG のサイズ96 × 96

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

SVG は基本的に最適な形式ですが、メールソフト、マーケットプレイスの商品ページ、文書テンプレートなど、読めないものが必ず出てきます。変換となると、たいていはファイルを求めるサイトを経由することになります。ここではマークアップを blob にしてブラウザ自身の SVG レンダラーに渡し、選んだ大きさで canvas に描きます。ページで表示するときと同じエンジンです。出力サイズは width と height 属性、それらが無いか百分率のときは viewBox から求め、倍率を掛けます。48 単位のアイコンを 2x にすれば 96 ピクセルの PNG になります。

使い方

  1. SVG マークアップを貼り付けるか、端末から .svg ファイルを開きます。
  2. 倍率を選び、不透明な PNG が必要なら背景を塗りつぶします。
  3. 「PNG に変換」を押して画像をダウンロードします。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

SVG はアップロードされますか。
いいえ。マークアップの描画とラスタライズはブラウザが行い、PNG はローカルのダウンロードとして作られます。どこにも送信されません。
文字が消えたり別のフォントになるのはなぜですか。
フォント名だけを指定した SVG は、そのフォントが端末にあることを前提とします。また外部の画像やスタイルシートを読み込む SVG は、ローカルの blob からそれらを取得できません。描画ソフトで文字をアウトライン化すれば結果がずれません。
SVG に width も height も無い場合は。
viewBox が使われます。viewBox も無ければ拡大縮小の基準になる固有サイズが存在しないため、勝手に決めずにその旨を表示します。