透明な背景を残したPNGにSVGを変換する
ロゴ、アイコン、簡単な図はSVGであることが多いです。アプリ、スライド、メールはPNGを求めます。このページはブラウザの中でSVGを描き、透明付きのPNGを保存します。アップロードはしません。
- 速い
- 100%プライベート
- 常に無料
- どのブラウザでも
このページのどこにでも画像を置けます
SVGファイル。透明な部分はPNGでも透明のままです。ファイルはこの端末に残ります。
PNGの幅です。小さいロゴは、長辺1024ピクセルが初期値です。SVG自身のサイズがあるときは、それを使うために空欄のままにします。
使うとき
背景が透けるビットマップが必要なときにPNGを使います。スライドのロゴ、アプリのアイコン、CMSがSVGを受け付けない図です。
ダウンロードするときはPNGのままにします。JPGは透明な部分を白で埋めます。受け側が対応していれば、WebPでも透明を残せます。
出力は、選んだピクセルサイズの静止画です。線は選んだピクセル数で固定されます。大きなPNGが必要なら最大幅を上げます。ファビコンなら下げます。
JSONを整形する、またはトークンを公開サイトに貼らずに中身を見る作業もあるなら ToolBuddyを使います。そちらもブラウザの中で完結します。
手順
- SVGを置きます。複数まとめても大丈夫です。ファイルはこの端末に残ります。
- ダウンロードするときはPNGのままにします。品質は関係ありません。PNGは劣化しません。
- 最大幅は1024前後のままにするか、実際に必要なサイズにします。
- PNGをダウンロードします。SVGの透明な部分は透明のままです。
ヒント
- ファイル内の24×24のアイコンは、このままだと小さなPNGになります。このページは初期値で長辺を1024ピクセルにします。
- SVGのロゴの後ろに白い四角がすでに描いてあれば、PNGにも残ります。その塗りは図の中にあります。
- SVGの中のリンクされた写真、ウェブフォント、外部のCSSは、読み込まれないことが多いです。アウトラインになった図形は、きれいに変換されます。
- 元のSVGを使えるサイトでは、SVGのまま使います。
関連
質問
PNGは透明な背景を保ちますか？
SVGのその部分が透明なら、残ります。PNGはアルファを残します。JPGにすると、その部分は白になります。
ロゴが幅1024ピクセルになるのはなぜですか？
多くのSVGには、使えるピクセルサイズがありません。24×24のviewBoxはよくあります。小さなファイルは長辺1024pxで画像化されるので、PNGとして使えます。別のサイズにするなら最大幅を変えます。
複数のSVGを一度に変換できますか？
できます。そのあとPNGをまとめたzipをダウンロードします。
SVGファイルはアップロードされますか？
されません。描画はこのブラウザのタブの中で行われます。ファイルを受け取ることはありません。