🧰 UtlKit

SVG を画像に変換

SVGファイルをPNG、JPEG、WebPラスター画像に変換します。ブラウザで直接処理され、アップロード不要です。

📁
SVGファイルをここにドロップするか、クリックして選択
.svgファイルに対応
🐛

問題を報告

バグを見つけましたか?提案がありますか?このツールの改善にご協力ください。

📊 データサマリー(自動入力)

ツール: svg-to-image · /tools/svg-to-image/

format: image/png

quality: 90

scale: 1

count: 0

これはどんなツールですか?

SVGを画像に変換するツールは、SVG(スケーラブル・ベクター・グラフィックス)ファイルをPNG、JPEG、WebPなどのラスター画像フォーマットに変換できます。SVGファイルをアップロードし、出力フォーマット、スケール(1x〜4x)、品質を選択してラスター化された画像をダウンロードします。

このツールの使用場面

  • Webアプリ用のアイコンをエクスポート

    SVGアイコンを異なる画面密度の1x、2x、3xスケールでPNGに変換します。多くのWebフレームワークでは、ファビコンやアプリアイコンにラスターアイコンが必要です。

  • ソーシャルメディア用のグラフィックスを準備

    一部のソーシャルメディアプラットフォームはSVGアップロードをサポートしていません。SVGイラスト、インフォグラフィック、バナーをPNGまたはJPEGに変換して投稿します。

  • 印刷用画像を作成

    印刷用に3xまたは4xスケールでSVGデザインを高解像度PNGに変換します。SVGのベクター精度と高精細を組み合わせると、鮮明な印刷出力が可能です。

  • デザインのアーカイブと共有

    SVGデザインをアーカイブ、メール送信、またはSVG対応ソフトウェアを持たないクライアントと共有するために、広く閲覧可能なPNGまたはJPEGフォーマットに変換します。

使い方

  1. 1

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

    アップロード領域をクリックするか、.svgファイルをドラッグ&ドロップします。複数のSVGファイルを一度にアップロードできます。

  2. 2

    フォーマットとスケールを選択

    PNG(非圧縮、透明度対応)、JPEG(圧縮、透明度なし)、WebP(モダン、高効率)を選択します。1xから4xのスケールを選択して高精細な出力を実現します。

  3. 3

    品質と背景を調整

    JPEGとWebPの場合、10%から100%まで品質を設定します。JPEGの場合、透明度をサポートしないため、カスタム背景色(デフォルト白色)を設定できます。

  4. 4

    変換してダウンロード

    「すべて変換」をクリックしてすべてのSVGをラスター化し、個別またはまとめてダウンロードします。

よくある質問

SVGとは何で、なぜ画像に変換する必要がありますか?

SVG(スケーラブル・ベクター・グラフィックス)は、XMLで2Dグラフィックスを記述するベクター画像フォーマットです。ラスター画像(PNG、JPEG)とは異なり、SVGは品質を失わずに任意のサイズにスケーリングできます。しかし、すべてのアプリケーションがSVGをサポートしているわけではありません。

SVGをPNGに変換すると品質は低下しますか?

いいえ、PNGは非圧縮フォーマットです。変換されたPNGは選択したスケールでピクセルパーフェクトになります。最高の品質を得るには、2xまたは3xの高スケールを使用してください。

SVG変換時に透明度を保持できますか?

はい、PNGまたはWebPとしてエクスポートすると、透明度は保持されます。JPEGは透過をサポートしていません — 透明部分は白色(またはカスタム背景色)で塗りつぶされます。

Webと印刷にはどのスケールを使うべきですか?

Web表示には、1x〜2xで通常十分です。高DPI画面(Retina)には2xを使用します。印刷には3x〜4xを使用 — 印刷には300 DPIが必要なので、100pxのSVGを3xに変換すると300pxになり、小型印刷に適します。

アニメーションSVGを変換できますか?

アニメーションSVGは変換可能ですが、最初のフレームのみが静止画としてレンダリングされます。アニメーションを保持する必要がある場合は、GIFや動画フォーマットに変換する専用ツールを検討してください。