クリーンなラスター エクスポートのための SVG から PNG へのコンバーター
SVGからPNGへの変換は、単なるファイル拡張子の交換ではありません。SVGファイルは、XMLマークアップ、描画コマンド、グラデーション、マスク、変換、フィルター、およびオプションの埋め込みスタイルルールで構成された構造化されたベクタードキュメントです。PNGファイルは、ロスレス圧縮とオプションのアルファ透明度を持つピクセルのラスタースナップショットです。このコンバーターは、ブラウザ内でこれら2つの非常に異なるモデルを完全に橋渡しします。SVGをアップロードすると、ページはドキュメントをローカルで読み取り、幅、高さ、またはviewBoxメタデータから有効な寸法を解決し、ベクターシーンをビットマップ表面にラスター化してから、そのビットマップをPNGとしてエンコードします。実際の結果は、チャットアプリ、デザインハンドオフシステム、CMSパイプライン、ストアフロントアップローダー、およびライブSVGレンダリングを完全にサポートしないレガシーソフトウェアで一貫して機能するポータブル画像です。
そのワークフローは重要です。なぜなら、実際のSVGサポートは不均一だからです。最新のブラウザは、ほとんどの一般的なSVG機能をうまくレンダリングしますが、サードパーティのアップロードエンドポイント、メールクライアント、メッセージングツール、スライドエディタ、ドキュメンテーションプラットフォーム、および多くのネイティブアプリは、依然として静的ラスター形式を好みます。PNGは、決定論的な外観が必要なときに通常最も安全な出力です。鋭いエッジを保持し、完全なアルファ透明度をサポートし、インラインベクターマークアップ、スクリプト制限、またはブロックされた外部参照に伴う互換性の問題を回避します。したがって、よく構築されたSVGからPNGへのツールは、忠実度、予測可能なサイズ、およびローカル実行を優先する必要があります。目標は、アートを変更することではなく、ベクター結果を広く消費可能なピクセルアセットに凍結し、ドロップアクションを迅速にし、モバイル画面でダウンロードステップに簡単にアクセスできるようにすることです。
SVG から PNG へのコンバーターは、スケーラブルなベクター グラフィックスを、SVG が理想的でない場所やサポートされていない場所で使用できる標準のラスター イメージ形式に変換します。 SVG ファイルは、鮮明さを失わずに拡大縮小できるため、ロゴ、アイコン、イラスト、図、インターフェイス アセットに最適です。 PNG は、幅広い互換性、透明な背景のサポート、予測可能なレンダリングを備えた固定サイズの画像が必要な場合に役立ちます。 この変換は、Web サイト アセット、プレゼンテーション グラフィックス、アプリ アイコン、ドキュメント画像、ソーシャル プレビュー、およびデザインの引き継ぎで一般的です。 重要なのは、ベクター アートワークがピクセルになった後も鮮明な状態を維持できる出力サイズを選択することです。
SVG と PNG は異なる目的を果たします。 SVG はベクターベースです。つまり、アートワークは固定ピクセルではなく、形状、パス、テキスト、スタイルを通じて記述されます。 そのため、さまざまなサイズで柔軟で軽量、そしてシャープな仕上がりになります。 PNG はピクセルベースであるため、ベクトル コードではなく画像ファイルを必要とする環境での使用が容易になります。 一部のプラットフォーム、エディター、電子メール ツール、ドキュメント ワークフロー、およびアップロード フォームは、SVG よりも一貫して PNG を処理します。 SVG を PNG に変換すると、サポートされている場合は透明度を維持しながら、実用的なビットマップ バージョンのデザインが得られます。 これは、最終的な宛先に編集可能なベクトル マークアップではなく単純な画像ファイルが必要な場合に特に役立ちます。