SVG to PNG
SVGをアップロードすると、Happycapyが選んだ解像度でクリーンなPNGにレンダリングし、透明度も保持します。ツールやアプリ、プラットフォームがベクターファイルではなくラスター画像を必要とする場合に便利です。1枚だけでもバッチ一括でも変換可能。無料で始められます。
Herramientas relacionadas
Todas las herramientasSVGがPNGになる仕組み
ベクター画像を、必要なサイズ、背景、スケールのPNGファイルに変換します。
SVGをアップロード
SVGファイルを用意します。ロゴ、アイコン、イラスト、またはそのバッチなど。
出力サイズを設定する
ピクセルの幅と高さ、または倍率(2x、3x)を選び、透過か単色背景かを指定します。
ツールがPNGをレンダリングする
SVGが選んだ解像度で新たにレンダリングされ、デフォルトで透過を保った鮮明なPNGになります。
PNGをダウンロード
PNG(またはバッチ全体)を取得し、ラスター画像が必要なあらゆる場所にアップロード・埋め込みできます。
SVGをPNGに変換する人
デザイナー、開発者、マーケター、アイコンやロゴを広く使える形で書き出したい人に便利です。
デザイナー・開発者
ベクターのロゴやアイコンを、SVGを受け付けないプラットフォームやアプリ向けにPNGへ書き出せます。
マーケター・SNS運用者
SVGのブランド素材を、ベクターを拒否するメール、広告、SNS投稿向けのPNGに変換できます。
SVGを渡された方
ベクターエディターを開かずに、使える画像ファイルを得られます。
くっきりしたSVGからPNG書き出しのコツ
出力サイズ、スケール倍率、透過背景、viewBox設定が鮮明さを左右します。
必要な最大サイズで書き出す
PNGは固定解像度です。後でPNGを拡大するとぼやけるので、一度大きくレンダリングしましょう。
透過か単色かを指定する
透過はデフォルトで保たれます。代わりに背景色がほしいなら求めましょう。
Retina用に倍率を使う
高密度ディスプレイ向けの鮮明な書き出しには、2xや3xを求めましょう。
アイコンセットを一括処理
複数のSVGと1つのサイズをアップロードして、統一されたセットを一度に書き出しましょう。
先にフォントを埋め込む
SVGがカスタムフォントを使うなら、テキストが忠実にレンダリングされるよう埋め込むかアウトライン化しましょう。
外部画像を埋め込む
外部の画像にリンクするSVGは、変換前にそれらを埋め込んでおきましょう。
SVGからPNGで期待できること
SVGからPNGへの出力品質、追加確認、ダウンロード時の想定を確認しましょう。
標準的なSVGであれば、変換は高速で、リクエストしたサイズで透明度を保ったまま鮮明なPNGが得られます。ロゴ、アイコン、イラストは安定して変換できます。注意すべき点は、埋め込まれていないフォントや外部リンクされた画像に依存するSVGで、これらは代替表示になることがあります。
Ejemplo: あるユーザーがSVGロゴをアップロードし、1024x1024の透明PNGを依頼しました。ツールはロゴを中央に配置した鮮明な1024x1024 PNGを生成し、きれいなアンチエイリアス処理されたエッジと完全な透明背景を実現 — どんな色の背景にもそのまま配置できる仕上がりでした。
SVGレンダリングの注意点
元情報に次が含まれる場合はこのセクションを確認してください: 出力サイズ、スケール倍率、透過背景、viewBox設定が鮮明さを左右します。
- PNGは解像度が固定されます — 後で拡大するとぼやけてしまうため、必要な最大サイズで書き出してください。
- 埋め込まれていないフォントや外部画像を参照するSVGは代替表示になることがあります。事前にそれらのアセットを埋め込むかフラット化してください。
- 重いフィルターやエフェクトを使った非常に複雑なSVGは、特定のブラウザやエディタでの表示とわずかに異なることがあります。
Preguntas frecuentes
SVG to PNGコンバーターは何をしますか?
SVG — 図形とパスで構成されたスケーラブルなベクターファイル — を受け取り、選んだ固定解像度でピクセルベースのラスター画像であるPNGにレンダリングします。ベクターではなく画像が必要な場面で役立ちます。
なぜSVGをPNGに変換するのですか?
多くのプラットフォーム、アプリ、メールクライアント、SNSはSVGファイルを受け付けませんが、PNGは受け付けます。変換することで、どこにでもアップロードや埋め込みができる互換性の高い画像になり、書き出したサイズでの鮮明なエッジも維持されます。
出力サイズは選べますか?
はい — 幅と高さをピクセルで指定するか、2倍や3倍といった倍率で指定できます。SVGはベクターなのできれいに拡大縮小でき、写真をアップスケールした時のようなぼやけなしに、大きく鮮明なPNGを書き出せます。
透明度は保持されますか?
はい — PNGはアルファチャンネルに対応しているため、SVG内の透明な領域はデフォルトでPNGでも透明のまま維持されます。単色背景にしたい場合は、特定の背景色を指定してください。
複数のSVGを一度に変換できますか?
はい — バッチでファイルを指定してサイズを指定すれば、それぞれが個別のPNGとしてレンダリングされます。アイコンセット一式や画像フォルダをまとめて書き出す際に便利です。
PNGはSVGと同じくらい鮮明になりますか?
書き出したサイズにおいては鮮明です — SVGはその解像度で新たにレンダリングされるため、エッジはくっきりと保たれます。ただし一度PNGになると解像度は固定されるため、後からそのPNGを拡大するとぼやけてしまいます。必要な最大サイズで書き出しておきましょう。
SVGがカスタムフォントや外部画像を使用している場合はどうなりますか?
一般的なフォントや埋め込みフォントで設定されたテキストは正しくレンダリングされます。含まれていないフォントを参照するSVGは代替フォントに置き換わることがあります。外部画像にリンクしているSVGはその画像が埋め込まれない場合があるため、最も忠実な結果を得るには事前にアセットをフラット化または埋め込んでください。
¿Listo para crear?
Regístrate gratis y pon a trabajar agentes de IA en tus tareas, desde encargos rápidos hasta flujos de trabajo completos de principio a fin, directamente en tu navegador, sin necesidad de configuración.
Empieza gratis




