本文へスキップ

SVG を画像に

SVG を PNG、JPG、WebP、BMP、GIF、AVIF に変換

寸法、DPI、背景、品質、グレースケール、角丸を制御して、SVG ファイルを PNG、JPG、WebP、BMP、GIF、または AVIF に変換します。一度に最大 40 個のファイルを処理し、個別にまたは ZIP としてダウンロードします。ファイルはブラウザ内に残ります。

ここにファイルをドロップ

新規ファイルの既定値を編集しています

出力形式
背景
角丸
縦横比1.000

プレビュー

プレビューはありません。ファイルを追加して選択すると結果が表示されます。

ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。

SVG とは

SVG(Scalable Vector Graphics)は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。

SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。

SVG をラスター画像に変換するのはどんなとき

多くのプラットフォームやワークフローは依然として、固定ピクセル寸法のラスター イメージを期待しています。 PNG は、ロスレス出力と透明性を実現する信頼できる選択肢です。 JPG は写真やその他の不透明なアートワークに適しています。 WebP は、最新の Web 用途に合わせてコンパクト ファイルとアルファ サポートのバランスをとります。 GIF、BMP、および AVIF は、より特殊な要件をカバーします。宛先で受け入れられる形式と、必要な品質、透明性、ファイル サイズを選択します。

適した出力形式を選ぶ

PNG、JPG、WebP、BMP、GIF、AVIF はどれも同じ SVG をラスター化しますが、得意分野が異なります。用途に合わせて選んでください。

PNGJPGWebPBMPGIFAVIF
ファイルサイズ中程度写真では最小多くの場合、PNG より小さい最大(無圧縮)小さい、最大 256 色非常にコンパクトな場合が多い
透過フルアルファなしフルアルファ32 ビット時のみ対応オンオフのみ(1 ビット)フルアルファ
圧縮可逆非可逆(品質 0-1)非可逆性、調整可能な品質なし可逆、色数に制限非可逆(ブラウザ次第)
向いている用途アイコン、スクリーンショット、透過素材写真、メール、SNS への投稿最新の Web 配信古いソフト、組み込み系ツールGIF が必須のツールブラウザが書き出せる場合の最新 Web

SVG を PNG、JPG、WebP、BMP、GIF、AVIF に変換する方法

  1. 1

    ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。

  2. 2

    出力設定(サイズ、DPI、背景、品質、トレースの細かさ)を指定すると、プレビューがその場で更新されます。

  3. 3

    「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。

プライバシー:ファイルはブラウザから出ません

変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。

ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。

よくある質問

どの出力形式を選べばよいですか?

フラットカラー、シャープな輪郭、透明部分を含むSVGには、PNGが無難な標準形式です。WebPはアルファ透明度と品質調整に対応し、モダンなWebサイトに適しています。JPGは透明部分のない写真調の画像向けです。GIFは256色が必要なツール、BMPは古いまたは特殊なシステム、AVIFはブラウザがエンコードに対応している場合に使用できます。

設定を変えながら複数の SVG を一括変換できますか?

はい。複数の SVG をドロップし、変更したいものを選択してください。変更した設定は選択したものにだけ適用され、選択外のファイルはそれぞれの設定を保ちます。「すべて保存」では、各ファイルが自分の設定で書き出されます。

出力サイズを正確に指定するにはどうすればよいですか?

幅と高さに、必要なピクセルサイズを直接入力してください。さらに DPI 倍率がそのサイズを拡大するので、2 倍や 3 倍の画素密度が普通の Retina や高 DPI 画面に便利です。縦横比を固定すると、どちらかを変えたときにもう一方も連動します。