ツール5

言語38

画像変換 / 実践ガイド

SVG を PNG に変換する方法

便利な画像サイズ。フィットする背景。

SVG を開き、画像幅を選択して、変換し PNG をダウンロードします。この例では、サンプルアートワークを 512 x 384 px の画像に変換し、外側の余白を透明に保ちます。

更新日:

ガイドに従う
ベクターアートワークから透明な画像へ
変換前 · SVG、640 × 480周囲に透明なスペースがある淡い角丸長方形上の花のソースSVG
変換後 · PNG、512 × 384淡い角丸長方形の外側に透明なスペースがある花のダウンロードされた512 x 384ピクセルPNG
512 px幅での実際のサンプル変換。外側の空白領域は透明なままで、描画された淡い長方形は表示されたままです。両方の画像は同じ幅で表示されています。
クイックビデオチュートリアルSVG を PNG に変換する方法便利な画像サイズ。フィットする背景。英語のナレーションビデオを見る

SVG を PNG に変換する方法

PNG は、アプリが画像を受け入れるものの SVG を使用できない場合や、クリップアートを別のデザインの上に配置したい場合に便利な選択肢です。重要な決定事項は、必要なピクセル数と、ソースに実際に透明なスペースが含まれているかどうかです。

01

SVGをアップロード

SVG を PNG に開きます。SVG ファイルを選択 するか、SVG をアップロードエリアにドロップするか、サンプル SVG を使用 してこの例に従ってください。このツールは、最大 5 MB までの SVG を1つ受け入れます。

サンプル creative.svg は、640 x 480 px のキャンバスを持っています。淡い角丸長方形の上に花が描かれており、その長方形の周囲には空のスペースがあります。続行する前にソースのプレビューを確認してください。

02

画像の幅を選択

画像の幅 で、512 px を選択します。高さはソースの比率に従うため、このサンプルは 512 x 384 px になります。高さを入力する必要はありません。

元のサイズ

SVG のキャンバス寸法から開始します。これは、ソースが必要なサイズで準備されている場合に便利です。

指定したピクセル幅

512、1024、2048、または 4096 px を選択します。意図した配置に必要なピクセル数を選択してください。後で PNG を拡大しても、ベクターの詳細を復元することはできません。

非常に大きなソースキャンバスは、最長辺が4096 pxに収まるように正規化されます。縦長の画像は、高さを同じ制限内に収めるために幅を小さくする必要がある場合があります。

03

PNG に変換

PNG に変換 を選択します。ファイルは変換のためにサーバーに送信され、結果の準備ができるとダウンロード画面が表示されます。

この例では、淡い長方形の周囲の空白部分は透明なままです。淡い長方形自体はSVGに描画されているため、表示されたままになります。PNGは透明度をサポートしていますが、変換によってアートワークの一部である背景図形が消去されることはありません。

04

画像をダウンロード

PNG をダウンロード を選択して creative.png を保存します。検証済みのサンプルは 512 x 384 px、34,316 バイト です。保存したファイルを画像エディターで開き、色の上に配置して透明なエッジを確認してください。

編集に戻る を使用して別の幅を選択するか、SVG を別のファイルで変換 を使用して別のファイルから開始します。エディターまたはダウンロードページを更新すると、ツールの開始ページに戻ります。

役立つ詳細情報

よくある質問

なぜPNGの背景が白いままなのですか?

SVG内に描かれた白い長方形はアートワークの一部です。このコンバーターは描画された図形を保持し、その背景を自動的に削除することはありません。

PNG に変換すると、画像はベクターとして保持されますか?

いいえ。PNGはピクセル画像です。将来のリサイズやベクター編集のために元のSVGを保持し、宛先に必要なサイズでPNGをエクスポートしてください。

代わりに白い背景が必要な場合はどうすればよいですか?

不透明な画像にするには、SVGをJPGを使用してください。JPGコンバーターは透明な領域を白で塗りつぶします。

複数のSVGファイルをまとめて変換できますか?

このツールは一度に1つのSVGを処理します。結果をダウンロードした後、次のファイルには「別のSVGを変換」を使用してください。

変換時にSVGはサーバーに送信されます。ダウンロードの有効期限は1時間です。期限切れのサーバー上の結果は、その後の変換処理中に削除されます。ファイルのプライバシーについて読む。

あなたの番です

アートワークに適切なピクセルサイズを設定しましょう。

サンプルから始めるか、独自のSVGを使用してください。

SVG を PNG に開く

画像の詳細