SVG → PNG 変換ツール｜ブラウザ処理

SVGは解像度非依存のベクター形式のため、ロゴ・アイコン・グラフ・図表などはどんなサイズでも鮮明です。ファイルサイズが小さくHTTPリクエストも1回で済みます。テキスト検索・CSS/JSでのスタイリング・アニメーションも可能です。ただし写真のような複雑な画像には不向きで、すべてのツールやサービスがSVGに対応しているわけではありません。

アニメーション・フィルター効果（feGaussianBlurなど）・複雑なシェーダー・外部リソース参照などは、PNGへの変換時に一部が省略または簡略化されます。また、SVGに<foreignObject>タグでHTMLが埋め込まれている場合、変換結果に反映されない場合があります。変換後に意図した見た目になっているか必ず確認してください。

①ファビコン生成（SVGを高解像度PNGに変換後、各サイズに展開）、②印刷物入稿（印刷所によってはSVG非対応のためPNGやPDFが必要）、③SNSのアカウントアイコン（FacebookやLINEなどSVG非対応のサービスへの投稿）、④SVGを受け付けないWebサービスへのアップロード（一部のCMSや画像ホスティング）、⑤メール本文やHTMLメールへの画像埋め込みが挙げられます。

ファビコン用途: まず512×512pxで変換してから各サイズに縮小。Webアイコン（通常表示）: 48〜128px。Retina/HiDPI対応: 表示サイズ×2倍（例：64px表示→128px出力）。OGP画像内のロゴ: 200〜400px程度。印刷物（A4サイズ全面）: 300dpi換算で2480×3508px相当。スマートフォンアプリアイコン（iOS）: 1024×1024pxが最高品質の原版として必要です。

Retinaディスプレイ（MacBook・iPhone・iPad）では1CSSピクセルに2物理ピクセルが使われます。アイコンが64×64pxで表示される場合、128×128pxのPNGを提供することで鮮明に表示されます。SVGのまま使えばこの問題は発生しませんが、PNGが必要な場合は必ず高解像度で変換してからHTMLの width/height 属性で表示サイズを指定してください。

SVGからPNGに変換するとファイルサイズが大きくなる場合があります。特に高解像度（512px以上）では数百KBになることもあります。変換後に画像圧縮ツールでPNGを圧縮することで、画質を維持しながらファイルサイズを削減できます。Webサイト用途では128px以下のアイコンPNGで10〜30KB程度が目安です。