shapes
無料アップロード不要

SVG→PNGコンバーター

SVGベクターグラフィックをPNGラスター画像に変換。カスタムスケール設定可能。

check_circle完全無料·check_circle有料ツールと同等の品質·check_circleアップロード不要 · サーバー不要 · 制限なし

変換先

info

あらゆる形式に対応 PNG、JPG、WebP、SVG、AVIF、HEICの画像をドロップして、サポートされた任意の出力形式に変換できます。現在のページに合わせる必要はありません。

upload_file

ここに画像をドロップ

形式を自動検出 — 手動選択不要

PNGJPGWebPSVGAVIFHEIC

最大200MB · ローカル処理、アップロードなし

使い方

1
upload_file

SVGファイルをアップロード

SVGベクターグラフィックを選択してください。PNGに変換すると、ベクターパスが指定した解像度でピクセル画像にラスタライズされます。

2
tune

出力サイズを設定

PNG出力の幅と高さを選択してください。サイズが大きいほど詳細になりますが、ファイルも大きくなります。アスペクト比はSVGから維持されます。

3
download

ラスタライズしてダウンロード

「変換」をクリックして指定サイズでSVGをPNGにレンダリングしてください。アイコン、ロゴ、イラストを標準的な画像ファイルとして共有するのに最適です。

SVG→PNGコンバーターとは?

SVGからPNGへの変換ツールは、スケーラブルなベクターSVGグラフィックを指定したサイズの固定解像度PNG画像にレンダリングし、ピクセルベースの画像を必要とするプラットフォームやアプリケーションとの互換性を実現します。SVGからPNGへの変換は、アプリアイコン・OGP(Open Graph)ソーシャルプレビュー画像・メールヘッダー・SVGが非対応の環境で不可欠です。SVGは解像度に依存しないため、出力サイズを自在に指定できます。Retinaディスプレイや印刷用には大きく、サムネイル用には小さく設定可能です。

なぜSVG→PNGコンバーターを使うのか?

SVGはメールクライアント・多くのCMSプラットフォーム・PDF生成ツール・画像ホスティングサービスで普遍的にサポートされているわけではなく、PNGへ変換することで互換性の問題を一切排除しながら元のベクターアートの鮮明さを保持できます。ブラウザベースのSVGからPNGへのレンダリングはブラウザ自身のSVGエンジンを使用するため、フォント・グラデーション・フィルター・複雑なパス形状が画面上と同じように正確にレンダリングされます。PNGのロスレス圧縮は、SVGソースアートワークに典型的なシャープなエッジとフラットな色域の保持に最適です。

  • lock完全なプライバシーファイルはデバイスやブラウザから出ることはありません。
  • bolt即時処理待ち時間なし、サーバーキューなし、アップロード遅延なし。
  • money_off100%無料サブスクリプションなし、クレジットなし、隠れた料金なし。
  • person_off登録不要アカウント不要ですぐに使用開始。
  • devicesどこでも動作デスクトップ、タブレット、モバイルの最新ブラウザで動作。

仕組み

アプリ開発者はRaster PNG形式が必要なiOSおよびAndroidアプリアイコン用に、1x・2x・3xなど複数の解像度でSVGアイコンをPNGとして書き出します。ソーシャルメディア担当者はSVGブランドテンプレートをPNGに変換して、PNG・JPG形式が必須のOGPプレビュー画像・Twitterカード画像・LinkedInバナーに使用します。印刷デザイナーはSVGイラストを300DPI相当の高解像度PNGに変換して、SVG埋め込みをサポートしないInDesignやWordのドキュメントに配置します。

tips_and_updates

プロのヒント

高DPI(Retina)スクリーンでPNGがシャープに見えるよう、常に表示サイズの2倍以上の解像度で書き出してください。400pxのSVGアイコンは800px PNGで書き出し、CSSまたはHTMLで縮小表示します。SVGで外部フォントや参照リソースを使用している場合は、変換前にそれらのリソースをSVG内に埋め込んでください。埋め込みがなければテキストが正しくレンダリングされない場合があります。

よくある質問

最大の用途に基づいて出力解像度を設定してください。Retinaスクリーンで200×200 CSSピクセル表示する場合は400×400 PNGでエクスポートし、CSSで縮小します。アプリアイコンの場合は最大必要サイズ(1024×1024)でエクスポートし、小さなバリアントは縮小します。300DPIの印刷の場合は、物理的なインチ寸法に300を掛けて必要なピクセル寸法を算出します。

関連チュートリアル

menu_book

チュートリアル

SVG→PNGコンバーターの使い方 – ステップバイステップガイド

arrow_forward

関連ツール