SVG を JPG に変換

SVG の空のキャンバスは定義上透明ですが、JPG には透明という概念がまったくありません。すべてのピクセルが何らかの色を持つ必要があります。そこで、SVG が塗りを残している領域はすべて、保存前に無地の白い背景に描画されます。これは白い紙に印刷したり白いスライドに置いたりしたときと同じ視覚的な結果です。

色付きのページに置くことを想定したロゴやアイコンでは、この白い塗りが別の場所に置かれたときに目に見える枠として現れます。行き先が透明を保つ必要があるなら PNG が正しい行き先であり、JPG が向くのは無地の背景で構わない場合や、行き先が直接 JPG を要求する場合です。

SVG はコード内で宣言された幅と高さでラスタライズされ、数学的なパスがその解像度における実際のピクセル格子に変わります。すっきりして高コントラストな形を持つロゴでは、結果は鮮明なままです。小さいサイズを宣言している SVG は同様に小さい JPG を生みます。ラスタライズはベクターがそのスケールで定義する以上の細部を作り出せないためです。

行き先が SVG の宣言より大きな画像を必要とする場合、変換前に SVG 自身の宣言サイズを先に大きくしておく方が、後から小さい JPG を拡大しようとするより鮮明な結果になります。

JPG の非可逆圧縮は写真向けに調整されているため、ラスタライズされたロゴに典型的な平坦な色や硬い縁では違う振る舞いをします。硬い縁にはうっすらとした柔らかいにじみが出ることがあり、非常に細い文字は低い品質設定でわずかにぼやけることがあります。品質設定を上げると、シンプルなグラフィックではこの問題がほぼ解消されます。実際の写真よりも圧縮すべき細部がはるかに少ないためで、そのため高品質でもファイルサイズは小さいままです。

SVG の描画と JPG としての保存はすべてあなた自身の端末上で行われ、何もアップロードされず、ページを離れた後にコピーが残ることもありません。これにより、未公開のロゴやクライアントのデザイン素材は変換中も非公開のままで、アップロードサービスによる容量上限も存在しません。ブラウザが描画を終えればすぐに結果が用意できます。