このツールでできること
SVG ソースを PNG データ URL 出力にラスタライズします。ブラウザ内。
オプションのアスペクト比ロックによるカスタムの幅と高さをサポートします。
透明な出力または単色背景色の塗りつぶしが可能です。
ライブ プレビュー、出力サイズの見積もり、ダウンロードのサポートを提供します。
よくある利用シーン
- ソーシャル共有用にベクター イラストから PNG アセットを生成します。
- CMS または電子メール ワークフロー用に固定サイズのラスター エクスポートを作成します。
- SVG サポートが不足している環境用にフォールバック PNG グラフィックを準備します。
- 複数のターゲット解像度で SVG レンダリングをすばやくテストします。
- 1 つの編集可能な SVG からアイコンとヒーローのバリアントをエクスポートしますsource.
入力例
SVG input
<svg ...>...</svg>
Dimension setup
幅1200ピクセル、高さ700ピクセル、アスペクトロックオン
バックグラウンドモード
透明または単色 #ffffff
出力例
PNGプレビュー
現在のSVGからレンダリングされたラスター画像input
Metadata
幅、高さ、透明度、背景、PNG バイト推定
データ URL
data:image/png;base64,...
よくあるエラーと対処法
SVG のレンダリングに失敗する
マークアップ構文を検証し、サポートされていないものを削除する要素。
出力が引き伸ばされて見える
アスペクト ロックを有効にするか、ソース SVG の寸法にリセットしてください。
予期しない背景色
透明度モードを切り替えて、単色の背景設定を確認してください。
PNG 出力はぼかし
変換前にエクスポートのサイズを増やしてください。
大きなデータの URL は使いにくい
長い URI 文字列を埋め込むよりもファイルのダウンロードを優先してください。
セキュリティとプライバシーの注意点
共通のプライバシー用語、ローカル処理モデル、外部リクエストラベル、DevTools での検証手順はトラストセンターを確認してください。
- SVG 変換はブラウザでローカルに実行されます。
- パブリック ログで独自のベクター ソースを共有することは避けてください。
- エクスポートされたアセットは承認されたプロジェクト リポジトリに保存してください。
手順
- SVG から PNG へ変換 は最小入力で一度実行し、基準動作を確認します。
- 入力例、主要パラメータ、期待する出力を先にそろえてから確認します。
- 一度に一つの変数だけを変更して再実行し、問題点を切り分けます。
- 確認済みの出力を一つ残し、チームの基準サンプルにします。
共有前の品質チェックリスト
- 同じ入力で SVG から PNG へ変換 を複数回実行しても結果が一致することを確認します。
- 空値、長すぎる項目、不正文字などの境界入力を確認します。
- 共有前に秘密情報や個人情報を必ずマスクします。
- デスクトップとモバイルの両方で表示結果を確認します。
運用のヒント
SVG から PNG へ変換 は、提出・公開・引き継ぎの前に行う迅速な検証ステップとして運用するのが適切です。
よくある質問
透明な背景を維持できますか?
はい、透明モードはサポートされています。
SVG ファイルを直接アップロードできますか?
はい、SVG ファイルを直接アップロードできます。
アスペクト ロックは何をしますか?
幅と高さの変化はソースの比率に比例して維持されます。
代わりにデータ URL をコピーできますか?ダウンロードしていますか?
はい、出力にはコピー可能なデータ URL テキストが含まれています。
PNG の品質は設定可能ですか?
品質は、選択したラスターの寸法とソース SVG の詳細によって異なります。
