SVG から PNG へ

類似ツール：CSS とデザイン

コードを見栄えのよい共有用画像に変換。複数のテーマに対応

線形・放射状・円錐グラデーションを視覚的にデザインし、CSS コードをすぐにコピー

?

まだコメントはありません。最初のコメントを書いてみましょう！

SVGベクター画像をPNGのビットマップ画像に変換します。拡大率を指定して高解像度で出力することもできます。変換はお使いのブラウザ内で行われます。

入力方法は2通りあります。.svgファイルをアップロード領域にドラッグ＆ドロップするか、SVGのソースコードをテキストボックスに貼り付けて「読み込み」ボタンをクリックします。
プレビュー領域は市松模様の背景でSVGを表示するため、透明な部分もはっきり確認できます。「SVGをコピー」でソースコードをコピーでき、「✕」でリセットできます。
「拡大率」には 1×／2×／4×／8× のクイック選択があり、「カスタム幅」に任意のpx値を入力することもできます。高さは縦横比を保って自動計算されます。
「背景」で「透明」を選ぶとアルファチャンネルが保持され、「白」を選ぶと透過に対応していない形式や用途（JPGなど）に適した白い背景で出力されます。
「PNGをダウンロード」をクリックすると、出力サイズが左側に表示されて確認できます。Retinaディスプレイで鮮明に表示するには 2× または 4× がおすすめです。変換はすべてブラウザ内で行われ、ファイルはアップロードされません。

SVG to PNGはどの解像度に対応していますか？

1×、2×、4× など複数の解像度に対応しており、さまざまな画面密度のニーズに合わせられます。

変換はブラウザ内で行われますか？

はい。Canvasを使ってすべてローカルで処理され、ファイルがサーバーにアップロードされることはありません。プライバシーも守られます。

変換後のPNGの背景は透明ですか？

SVGの背景が透明であれば、PNGでも透明のまま保持されます。背景色を指定することもできます。