SVG → PNG 変換器
SVGファイルをブラウザ上で即座にPNGへ変換。ファイルアップロードまたはSVGコードの貼り付けに対応。出力サイズ・背景色を選択してダウンロード。サーバー不要・完全ローカル処理。
Drop an SVG file here, or click to select
Supports .svg files only
Preview
WeChat でスキャンしてシェア
使い方
- ドラッグ＆ドロップまたはクリックで .svgファイル をアップロードするか、「SVGコードを貼り付け」タブに切り替えてマークアップを貼り付けます。
- 出力サイズを選択：Original（1x）、2x、4x、またはカスタムピクセル。
- 背景を選択：透明、白、またはカスタムカラー。
- Convert to PNG をクリックして変換します。
- プレビューを確認し、Download PNG をクリックして保存します。
SVGをPNGに変換する理由
- 互換性：PNGはブラウザ・オフィスソフト・ドキュメントエディタで広くサポートされています。
- SNS投稿：Twitter/X・LinkedIn・Slackなどのプラットフォームはラスター形式の画像を必要とします。
- 固定解像度：PNGは指定した解像度でSVGをスナップショットし、予期しないスケーリングを防ぎます。
- メールクライアント：多くのメールクライアントはインラインSVGに対応していないため、PNGが安全な選択です。
すべての処理はブラウザ内で完結します。ファイルはサーバーにアップロードされないため、 機密性の高いロゴやアートワークにも安心してお使いいただけます。
FAQ
SVGからPNGへの変換はどのように行われますか？
SVGをHTML5 Canvasに描画し、canvas.toBlob()でPNGとしてエクスポートします。処理はすべてブラウザ内で完結し、ファイルは外部に送信されません。
出力サイズの選択肢は何ですか？
元のSVGサイズ（1x）、2倍（2x）、4倍（4x）、またはカスタムピクセル指定が選べます。
透明背景のPNGを作成できますか？
はい。背景のドロップダウンで「透明」を選択すると、Canvasを塗りつぶさずに描画するため、アルファ透明チャンネルを持つPNGが生成されます。
SVGにwidth/height属性がない場合はどうなりますか？
viewBox属性からサイズを推定します。viewBoxも存在しない場合は、ブラウザのデフォルトである300×150 pxにフォールバックします。
変換後にSVGの見た目が変わるのはなぜですか？
外部フォント・クロスオリジン画像・CSSアニメーションなど一部の機能は、ブラウザのセキュリティポリシーによりCanvas描画時に制限されます。スタイルをインラインで埋め込んだ自己完結型のSVGを使用することを推奨します。