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

SVG はベクター形式です。数学で図形とパスを記述するため、品質を損なうことなく任意のサイズに拡大縮小できます。しかし、それはまた、プレーンな画像 (電子メールの署名、ファビコン アップローダー、印刷テンプレート、古い CMS、またはチャット アプリ) を期待するほとんどの場所では受け入れられないことを意味します。 PNG に変換すると、ベクター アートワークがピクセルの固定グリッドにベイクされ、どのプログラム、カメラ ロール、アップロード フォームでも開くことができます。このツールは、まさにそのラスタライズ手順をすべて自分のデバイス上で実行します。

変換は 2 つの部分で行われます。まず、ブラウザーは SVG で宣言された幅、高さ、viewBox を読み取り、自然な比率を計算します。次に、要求された解像度に合わせてサイズ設定された HTML キャンバスにベクター アートワークを描画します。ソースは最終描画までベクターのままであるため、ロゴは同じシャープなエッジで 64 ピクセルまたは 6400 ピクセルでレンダリングできます。既存の JPG または PNG のサイズ変更とは異なり、拡大するときにぼかすための中間低解像度ビットマップがありません。

インターフェイスとアプリのアイコンは、ほとんどの場合、複数のピクセル密度で必要とされるため、このツールは 1 回のパスでターゲット サイズの 1x、2x、3x バージョンをレンダリングし、それぞれに独自のダウンロード ボタンを与えます。これは、iOS アセット カタログ、Android ドローアブル、最新のレスポンシブ Web イメージ (srcset) で使用されているのと同じ 3 層スキームです。異なる数値で変換を 3 回別々に実行するのではなく、ベース幅を 1 回選択すれば、3 つのファイルすべてを取得できます。

背景の処理は、表面的なチェックボックスではなく、実際の機能的な選択です。他のコンテンツの上に配置する必要があるロゴやアイコンのアルファ チャネルを維持するには、透明のままにしておきます。宛先 (サムネイル、ソーシャル プレビュー画像、透明性を誤って処理する古い形式) が不透明な背景を必要とする場合は、選択した単色で塗りつぶします。どの時点でもサーバーには何もアップロードされません。SVG テキストは完全にブラウザー タブ内で解析、ラスター化され、PNG にエンコードされます。