SVG → PNG · JPG · WEBP
SVGコンバーター
ベクターをドロップし、用途に必要なサイズでPNG、JPG、WEBPとして書き出します。描画はローカルで行われるため、企業のロゴや未公開の作品は端末に留まります。
どの書き出しも固定サイズのビットマップです。PNGとWEBPは透過を保ち、JPGは選んだ背景色で塗りつぶし、いずれも後からきれいに拡大することはできません。
SVGを変換する手順
SVGを追加
ファイルをドロップするか貼り付けます。ヘッダーに幅と高さを宣言していないファイルは1024ピクセルのビューポートで描画されるので、結果の寸法に頼る前に確認してください。
出力とサイズを選ぶ
正確なピクセルと透過ならPNG、アルファを保った軽いWeb素材ならWEBP、それ以外を受け付けない用途ならJPGです。次に必要なピクセル幅か高さを設定します。
必要なバージョンをすべて保存
書き出しを保存し、複数のバージョンが必要なら形式を変えて同じSVGをもう一度変換します。ページは読み込まれたままです。
ひとつのベクター、3種類のビットマップ
3つの出力はそれぞれ異なる要求に答えます。PNGは描画されたピクセルをアルファチャンネル付きで可逆保存するため、ロゴ、アイコン、柔らかい輪郭や透明な輪郭を持つものに適します。WEBPは同じ役割を現代的な圧縮とより小さい結果で行いますが、ここでブラウザが公開するエンコーダーは非可逆ファイルを書き出します。JPGはアルファを一切持たないため、透明部分は選んだ背景色になります。
3つとも描画を1つの解像度に固定します。テキストはピクセルになり、線幅はピクセル幅になり、後から拡大すると、SVGならどのサイズでも描き直せた輪郭が柔らかくなります。ラスターはマークアップから、ブラウザ自身のSVGエンジンで描画されるため、グラデーションやフィルターは画面上と同じように現れます。ベクターがマスターファイルであり続け、異なるピクセルサイズが必要になるたびに新しいビットマップを書き出してください。
SVGコンバーターの質問
どの出力形式を選べばよいですか？
作品に透過や細かい輪郭があり、正確なピクセルが欲しいならPNG。Webページでファイルを軽くしつつ透過も重要なままならWEBP。他に何も受け付けない用途か、失う透明部分がない画像ならJPGです。
アイコンやロゴはどのくらいの大きさで書き出すべきですか？
最も大きく表示される場所に合わせます。ホーム画面アイコンなら180 px、ストアの掲載情報なら512 px、印刷なら1200 px以上です。ベクターはディテールを保つので別サイズで変換し直すのは無償ですが、一度書き出したラスターはそうはいきません。
透明な背景のピクセルはどうなりますか？
PNGとWEBPは保持します。JPGは保持できないため、ツールは設定した背景色で塗りつぶします。変更しない限り白です。画像を載せるページに合う色を選ぶか、半透明のまま残す必要がある切り抜きにはPNGを使ってください。
何かインストールが必要ですか？ファイルはアップロードされますか？
インストールもアップロードも不要です。SVGは今お使いのブラウザで描画とエンコードが行われ、1ファイル64 MBまで対応し、一度読み込めばページはオフラインでも動作し続けます。