SVGをPNG/JPEGに変換
設定をカスタマイズしてSVGファイルをPNGまたはJPEG形式に変換します
SVGと設定
ここにSVGファイルをドロップすることもできます。上限: 10 MiB。
SVGコード
各辺1-5000 px。縦横比を維持すると、この枠内に収まるように調整されます。実際のサイズは小さくなることがあります。
SVGプレビュー
SVGファイルをアップロードするか、SVGコードを貼り付けてプレビューしてください。
ラスター画像はまだありません。
SVGファイルをアップロードするか、コードを貼り付けるか、サンプルを読み込んでください。
- 透明部分がある画像にはPNGを使用してください。
- 単色の背景と小さいファイルサイズが適した画像にはJPEGを使用してください。
- 画像が引き伸ばされないように縦横比を維持してください。
- JPEG画質を上げると、ファイルサイズが大きくなることがあります。
- SVGコードを直接貼り付けるか、SVGファイルをアップロードしてください。
描画の注意事項
- 外部リソースに依存しないSVGを使用してください。外部の画像、スタイルシート、フォントはブラウザーの画像デコーダーで描画されないことがあります。
- ライブプレビューではアニメーションを表示できますが、PNGとJPEGのダウンロードは単一のラスター画像です。
- JPEGでは、エンコード前に選択した背景色で塗りつぶします。残った透明部分はJPEGエンコーダーによって統合されます。
- ブラウザーによって描画、フォント、画像のエンコードが異なることがあります。非常に大きな画像はブラウザーの制限によって処理に失敗することがあります。
- この変換ツールはSVGをアップロードせず、ローカルで読み取ります。
SVGをPNG/JPEGに変換するツールについて
無料のSVGからPNG/JPEGへのコンバーターは、スケーラブル・ベクター・グラフィックスを高品質なラスター画像形式に、ブラウザ上で直接変換します。SVGファイルをアップロードするかSVGコードを貼り付け、出力サイズと形式を設定すれば、変換した画像をすぐにダウンロードできます。このコンバーターは、SVGの内容をアップロードせず、画像にウォーターマークも追加しません。アップロードできるファイルは10 MiBまでで、レンダリングの上限はブラウザによって異なります。
SVGファイルは、品質を損なわずに拡大縮小できるためWebに最適ですが、多くのプラットフォームやアプリケーションではPNGやJPEGなどのラスター形式が求められます。このツールはそのギャップを埋め、ベクターグラフィックスをピクセルベースの画像に変換します。幅、高さ、背景色、透過、品質の設定を細かく指定できます。
このコンバーターにはリアルタイムSVGプレビューが付いており、変換前にグラフィックを確認できます。PNGの透過背景、カスタム背景色、縦横比の維持、JPEG品質の調整に対応しています。SVGの描画はCanvasを使ってローカルで行われます。サイト上の他のスクリプトやリクエストのプライバシーの扱いは、これとは別です。
主な機能
- SVGをPNG形式に変換(透過背景はオプション)
- 品質設定(10%-100%)を調整しながら、SVGをJPEG形式に変換
- ファイル選択でSVGファイルをアップロードするか、SVGのコードを直接貼り付け
- 高解像度出力に向けて、最大5000x5000ピクセルまで出力サイズを自由に設定可能
- 変換時の画像の歪みを防ぐ、縦横比の維持オプション
- 透過しない変換向けのカスタム背景色カラーピッカー
- 変換前にグラフィックを確認できる、リアルタイムSVGプレビューパネル
- 変換したPNGまたはJPEG画像をワンクリックですぐにダウンロード
- このツールによるアップロードなしの、ローカルでのSVG変換
- SVGは10 MiBまでアップロード可能。画像にウォーターマークは追加されず、登録も不要
SVGコンバーターの使い方
- SVGを用意する: 「SVGファイルを選択」をクリックしてデバイスからSVGファイルをアップロードするか、テキスト欄にSVGコードを直接貼り付けます。
- 出力形式を選ぶ: 透過が必要な画像にはPNG、透過が不要でファイルサイズを小さくしたい場合はJPEGを選びます。
- サイズを設定する: 希望の幅と高さをピクセルで指定します。「縦横比を維持」を有効にすると、歪みを防げます。
- 背景を設定する: PNGの場合は、透過背景のオンとオフを切り替えます。JPEGまたは透過しないPNGの場合は、カスタムの背景色を選びます。
- プレビューして変換する: ライブプレビューパネルでSVGを確認し、「変換してダウンロード」をクリックして、ラスター画像を生成・ダウンロードします。
活用例
- アイコンとロゴの変換: ベクター形式に対応していないプラットフォームで使えるよう、SVGのアイコンやロゴをPNGに変換します。
- SNS用グラフィック: SNSの投稿、プロフィール写真、カバー画像向けに、ベクターグラフィックスのラスター版を作成します。
- メールマーケティング: SVGへの対応が限られているHTMLメールテンプレート向けに、SVGグラフィックスをPNGまたはJPEGに変換します。
- モバイルアプリのアセット: iOSとAndroidのアプリ開発向けに、SVGのソースファイルからPNGアイコンセットを生成します。
- プレゼンテーションスライド: PowerPoint、Googleスライドなどのプレゼンテーションツール向けに、ベクターグラフィックスをラスター画像に変換します。
- 印刷の準備: 印刷物や物理メディア向けに、SVGアートワークの高解像度ラスター版を作成します。
- ファビコンの生成: 幅広いブラウザとの互換性のために、SVGファビコンをPNG形式に変換します。
- ドキュメントとWiki: ドキュメントプラットフォーム向けに、SVGの図やイラストからラスター画像を生成します。
よくある質問
このツールは無料ですか？
このコンバーターは、登録不要で無料で利用でき、画像にウォーターマークも追加しません。アップロードできるファイルは10 MiBまで、指定できるサイズは1辺あたり1-5000 pxまでです。ブラウザのレンダリングとメモリの制限も適用されます。
データは安全ですか?
このツールは、SVGの内容を読み込んで出力をローカルで描画し、アップロードしません。ただし、サイト上のすべてのスクリプトやリクエストについて、プライバシーやセキュリティを保証するものではありません。
PNGとJPEGはどのように使い分ければよいですか?
透過が必要な場合や、エッジのシャープな図形、文字、ベタ塗りの色を可逆圧縮のまま保ちたい場合は、PNGを選びます。写真など、完璧な画質よりもファイルサイズの小ささを優先したい画像には、JPEGを選びます。
出力できる最大解像度はどれくらいですか?
出力サイズは最大5000x5000ピクセルまで設定できます。実際の上限はお使いのブラウザのキャンバスサイズの制限によって異なりますが、最近のブラウザの多くは非常に大きなキャンバスに対応しています。
埋め込みフォントや外部リソースを含むSVGも変換できますか?
自己完結型のSVGを使用してください。フォントとスタイルの描画はブラウザの対応状況によって異なり、埋め込みフォントの表示は保証されません。SVG画像のデコードでは、スクリプトや外部の画像・スタイルシートが制限されるため、リンク先のリソースはプレビューや書き出し結果に表示されないことがあります。
ヒントとベストプラクティス
- アイコンやロゴにはPNGを使う: PNGは透過とシャープなエッジを保てるため、アイコン、ロゴ、UIグラフィックスに最適です。
- 複雑な画像にはJPEGを使う: SVGに写真の要素や複雑なグラデーションが含まれている場合は、JPEGにすると、許容できる品質でファイルが小さくなります。
- 縦横比の維持を有効にする: 「縦横比を維持」にチェックを入れたままにすると、変換中にグラフィックが伸びたり縮んだりするのを防げます。
- 適切なサイズを設定する: 出力サイズは、使用目的に合わせます。SNSの画像では、特定のサイズが求められるのが一般的です(例: Open Graphなら1200x630)。
- 自己完結型のSVGを使う: 必要なスタイルやリソースはインライン化し、プレビューと書き出し結果を確認してください。フォントの描画やリソースの対応状況は、ブラウザによって異なります。
- JPEG品質を調整する: 目標とする見た目とファイルサイズに照らして、JPEGの品質設定を比較してください。品質の値は、特定のファイルサイズを保証するものではありません。