戻る
SVG · AI · PNG

SVG to PNG

SVGベクター画像を鮮明なPNG画像に変換 — サイズを選んで透明度もそのまま維持。

SVGPNG
Connect apps

SVGがPNGになる仕組み

ベクター画像を、必要なサイズ、背景、スケールのPNGファイルに変換します。

01

SVGをアップロード

SVGファイルを用意します。ロゴ、アイコン、イラスト、またはそのバッチなど。

SVGをPNGに変換する人デザイナー、開発者、マーケター、アイコンやロゴを広く使える形で書き出したい人に便利です。

デザイナー・開発者

ベクターのロゴやアイコンを、SVGを受け付けないプラットフォームやアプリ向けにPNGへ書き出せます。

マーケター・SNS運用者

SVGのブランド素材を、ベクターを拒否するメール、広告、SNS投稿向けのPNGに変換できます。

SVGを渡された方

ベクターエディターを開かずに、使える画像ファイルを得られます。

くっきりしたSVGからPNG書き出しのコツ出力サイズ、スケール倍率、透過背景、viewBox設定が鮮明さを左右します。

PNGは固定解像度です。後でPNGを拡大するとぼやけるので、一度大きくレンダリングしましょう。

透過はデフォルトで保たれます。代わりに背景色がほしいなら求めましょう。

高密度ディスプレイ向けの鮮明な書き出しには、2xや3xを求めましょう。

複数のSVGと1つのサイズをアップロードして、統一されたセットを一度に書き出しましょう。

SVGがカスタムフォントを使うなら、テキストが忠実にレンダリングされるよう埋め込むかアウトライン化しましょう。

外部の画像にリンクするSVGは、変換前にそれらを埋め込んでおきましょう。

SVGからPNGで期待できること

SVGからPNGへの出力品質、追加確認、ダウンロード時の想定を確認しましょう。

SVGからPNGで期待できること

標準的なSVGであれば、変換は高速で、リクエストしたサイズで透明度を保ったまま鮮明なPNGが得られます。ロゴ、アイコン、イラストは安定して変換できます。注意すべき点は、埋め込まれていないフォントや外部リンクされた画像に依存するSVGで、これらは代替表示になることがあります。

例:あるユーザーがSVGロゴをアップロードし、1024x1024の透明PNGを依頼しました。ツールはロゴを中央に配置した鮮明な1024x1024 PNGを生成し、きれいなアンチエイリアス処理されたエッジと完全な透明背景を実現 — どんな色の背景にもそのまま配置できる仕上がりでした。

SVGレンダリングの注意点
  • PNGは解像度が固定されます — 後で拡大するとぼやけてしまうため、必要な最大サイズで書き出してください。
  • 埋め込まれていないフォントや外部画像を参照するSVGは代替表示になることがあります。事前にそれらのアセットを埋め込むかフラット化してください。
  • 重いフィルターやエフェクトを使った非常に複雑なSVGは、特定のブラウザやエディタでの表示とわずかに異なることがあります。

よくある質問

SVG — 図形とパスで構成されたスケーラブルなベクターファイル — を受け取り、選んだ固定解像度でピクセルベースのラスター画像であるPNGにレンダリングします。ベクターではなく画像が必要な場面で役立ちます。

作ってみませんか?

無料登録して、AI エージェントにブラウザ上でタスクを任せましょう。ちょっとした作業から完全なエンドツーエンドのワークフローまで、セットアップ不要です。

無料で始める