SVGからPNGへのコンバーター

SVGからPNGへのコンバーターは、ピクセルのグリッド上にベクターグラフィックを描き、その結果をPNGとして保存します SVG、スケーラブルベクターグラフィックのW3Cフォーマットは、形状をジオメトリとして記述します: パス、円、勾配、テキスト これは、任意のサイズでシャープなロゴを維持しますが、それはまた、何かがそれらを描くまでピクセルがないことを意味します ソーシャルプロフィールのアップロード、オフィス文書、電子メールの署名、アプリストアのリスト、および多くのコンテンツシステムはピクセルを求めているため、SVGを最初にレンダリングする必要があります。

ここではレンダリングはブラウザ独自のSVGエンジンで行います ウェブページにSVGを描画するのと同じものです サイズはファイルから来ています SVGが幅と高さを設定すると それらが使われます mmやptやinなどの単位をピクセルに変換します viewBoxしかない場合はviewBoxサイズが使われ どちらでもない場合は1024 x 1024で描かれます その辺が512 ピクセル以下になるまでの 比例して拡大されます 例えば一般的な24 x 24 アイコンは ベクトルが大きく描かれることで 何も失われないからです SVGスケール オプションは 次にサイズに1、2 または4 を掛けます 各ファイルの行の下の注記は どのサイズが使われたのか なぜスケールを変えることで 追加されたすべてのSVGを 新しいサイズで再び変換します。

実行は次のようになります。 width="240" height="80 と宣言する logo.svg をドロップし、2x を選択します。ロゴは最初に 512 x 171 に拡大され、次に 2 倍になり、行のサムネイルをクリックすると 1024x342 というキャプションのプレビューが開き、透明な背景がチェッカーボードとして表示されます。 SVG がペイントしないものはすべて PNG 内で透明に保たれます。これは通常、JPG よりも PNG を選択するポイントです。

SVGコンテンツの中には、このように描画できないものもあります 画像としてレンダリングされたSVGは、ファイルの外部で何かをフェッチすることが許可されていないため、URLでリンクされた画像やWebフォントは省略され、SVG内のスクリプトは実行されません ファイル自体に埋め込まれた画像が描画されます アニメーション化されたSVGは単一の静止フレームになり、XMLエラーのあるSVGはメッセージで拒否されます。

すべてがクライアント側で実行され、アップロードされるものは何もありません。 50 MBを超えるSVGファイルは拒否され、100 メガピクセルを超える出力、または16384 ピクセルより広いまたは高い出力も拒否されます。この場合、通常はより小さなスケールで修正されます。ツールは無料で、サインアップはなく、毎日の変換制限があります。

1. ルートsvg要素からサイズを読み取ります: 両方が設定されている場合はwidthとheight、一方にviewBoxのプロポーションを加えたもの 1 つだけが設定されている場合、viewBoxは単独、viewBoxも存在しない場合は1024 x 1024 のパーセンテージとem値は無視されます。
2. 最長辺が 512 ピクセル未満の場合、最長辺が 512 になるように描画を比例して拡大します。
3. 両辺に選択したスケール (1、2、または 4) を掛けます。

• SVG が描画され、PNG がこのブラウザ タブのクライアント側に保存されます。ファイルは決してアップロードされません。
• SVG はイメージとしてレンダリングされるため、その中のスクリプトは実行されず、外部ファイルへのリンクはフェッチされません。ここで未知のソースから SVG を開いても、ネットワークに到達することはできません。
• ブラウザは独自のエンジンを内蔵して SVG をレンダリングするため、WebAssembly デコーダは関与しません。
• デイリーリミットチェックは、サインインしている場合はツール名、デバイス識別子、アカウントトークンを送信します。バッチ処理後は、ファイル数、合計バイト数、出力形式のみが記録され、ファイル名や内容は記録されません。
• 変換された PNG は、削除するか、すべてをクリアするかページを閉じるまでタブのメモリに残ります。サーバーにはコピーは保存されません。