SVGをPNGに変換する方法 — 任意のサイズで完璧なラスター画像を

SVGは拡大縮小してからラスタライズするのではなく、必要な正確なピクセルサイズで変換してください。ラスターの拡大縮小は補間によるぼけを生じますが、ターゲットサイズでのベクターからラスターへの変換はこれを完全に回避します。

SNSのプロフィール写真では、800x800以上で変換し、プラットフォームにダウンスケールさせてください。高解像度のSVGソースから始めることで、ダウンスケールされたラスター画像は表示サイズちょうどで変換した場合よりシャープになります。

テキストを含むSVGを変換する際は、システム標準フォント（Arial、Helvetica、Times New Roman）を使用するか、インポート前にテキストをパスに変換してください。SVG内のカスタムフォントは、レンダリングデバイスで利用できない場合、デフォルトのブラウザフォントにフォールバックする可能性があります。

透過SVGをPNGに変換すると、alpha channelが完璧に保持されます。可変背景に配置する必要があるロゴにこれを使用してください。PNG出力はクリーンな透過背景を持ちます。

eコマースの商品リスティング画像では、SVGを最低2000x2000pxで変換してください。ほとんどのマーケットプレイスはズーム機能のために最長辺最低1000pxを推奨しています。SVGソースは品質損失なしでこれを生成できます。

印刷用途には印刷サイズで300 DPIが必要です。印刷サイズ（インチ）に300を掛けてください。4x6インチの印刷には1200x1800ピクセルが必要です。最適な印刷品質のために変換ツールでこれらの正確なサイズを設定してください。

多数のグラデーションストップ、フィルター（ぼかし、ドロップシャドウ）、クリップパスを含む複雑なSVGはラスタライズが遅くなる場合があります。ラスタライズに3秒以上かかるかレンダリングエラーが発生する場合は、可能な箇所でエフェクトをフラット化してSVGを簡素化してください。

レスポンシブWeb画像では、SVGを3〜4種類のサイズ（例：400w、800w、1200w、2000w）で変換し、HTML <img srcset>属性を使用して各デバイスに適切なサイズを配信してください。これによりベクター（無限拡大縮小）とラスター（最も広い互換性）の両方の利点が同時に得られます。