SVG から JPG への変換 Scalable Vector Graphics ↔ Joint Photographic Experts Group 無料 オンライン 安全

SVG を JPG に変換する理由

SVG は絵ではありません。絵を描くための指示の集まりです。ここに円を描く、そこに曲線を描く、この形をあの色で塗る、この単語をそのフォントで書く、というような。ピクセルではなく指示なので、SVG はぼやけることなくどんなサイズでも表示でき、そのためロゴ、アイコン、グラフ、イラストの好まれる形式になっています。しかし、驚くほど多くのソフトウェアが、その指示に従えません。一部のアップロードフォーム、古いメールプログラム、写真サービス、プリントキオスクは、JPG だけを求め、ほかは受け付けません。だから人は SVG を JPG に変換します。絵を持っていて、それを置かなければならない場所が、最も一般的な写真の形式しか受け付けないからです。

この選択については正直であることが助けになります。絵には、ほぼ常に PNG のほうが良い形式です。平坦な色とシャープな縁をきれいに保ち、透明度も保つからです。JPG は写真のために作られています。何かが JPG しか受け付けない場合にだけ正しい答えで、それはよくあることです。それがあなたの場合なら、このページが仕事をします。

このページは SVG を JPG にお使いのブラウザー内で変換します。ファイルの指示は、選んだサイズで一度だけ従われ、結果が JPG として保存されます。絵は、ファイル内の何も実行できないサンドボックスの中で描画され、何もアップロードされません。以下では、仕組み、何が保たれるか、形式の代償、サイズの選び方を説明します。

変換の仕組み

指示は一度だけ従われる

SVG はお使いのブラウザー内で開かれ、ブラウザーは SVG に対していつもすることをします。描画の指示に従い、結果を塗ります。その描画は、選んだサイズの画像として取り込まれ、JPG として保存されます。処理は端末の中で行われるので、待つものも、あとで削除するものもありません。

何も実行できないサンドボックス

SVG ファイルは原理的に、スクリプトやほかのものへの参照を含められます。それが決してリスクにならないように、絵は、ファイル内の何も実行できないサンドボックスの中で描画されます。描かれるのは形だけです。これは、完全には信頼できない場所からダウンロードしたファイルでも安全です。

サイズを選ぶ

SVG には固有のピクセルがないので、JPG に何ピクセルを持たせるかはあなたが決めます。幅を選ぶと、高さは作品の縦横比から決まります。サイズが大きいほどシャープな画像になり、ファイルは重くなります。

保たれるもの

描かれたままのすべての形

すべての形は、選んだサイズで、描かれたまま保たれます。曲線、塗り、線、重なりです。JPG は、SVG がブラウザーでどう見えるかの画像です。

作品固有の縦横比

絵の縦横比は保たれるので、引き伸ばされたり押しつぶされたりしません。SVG が高さの二倍の幅なら、JPG もそうなります。

SVG を JPG に変換する前に知っておくべきこと

JPG には透明度がない

JPG には透明度がないので、透けた背景は白になって戻ります。ロゴが色のついたページに載せるためのものなら、JPG は周りに白い箱を持つことになります。透明度が重要なときは、代わりにSVG を PNG に変換を使ってください。

形式は非可逆

JPG は非可逆なので、平坦な色とシャープな縁、つまり SVG のほとんどを構成するものが、わずかにぼやけます。拡大すると、文字や細い線の周りにかすかなもやが見えるかもしれません。ロゴやアイコンには、PNG のほうが良い答えです。JPG は、何かが JPG しか受け付けないときのためのものです。

ほかから来るフォントと画像は解決されない

SVG がほかから取り込むフォントと画像は、サンドボックスでは解決されません。サーバーから読み込まれるウェブフォントで組まれた文字は、JPG ではシステムフォントに置き換わり、ファイルの外からリンクされた画像は欠けます。最良の結果のためには、文字がアウトラインに変換され、画像が埋め込まれた SVG を使ってください。

ここで SVG を JPG に変換する方法

絵を追加する

SVG をページにドロップするか、端末から選んでください。それはお使いのブラウザー内で読み込まれ、アップロードされません。

サイズを選ぶ

JPG の幅を選んでください。画像が使われる最も大きな場所を考え、そのサイズを選びます。

変換してダウンロードする

ボタンを押して、JPG をダウンロードしてください。開いて、縁と文字を見て、白い背景が目的に合うかを確認してください。

SVG と JPG を詳しく見る

ベクターと写真

SVG はベクター形式で、形とそれを描くための規則を保存します。JPG は写真のための形式で、色のついた点の格子を、写真のなだらかな変化に合う方法で圧縮して保存します。絵は写真の反対で、大きな平坦な領域とシャープな境界があり、JPG はその境界をあまり優しく扱いません。SVG を JPG に変換するとは、別のものを想定して設計された容器に絵を入れることで、ときにはそれが必要です。

なぜ白い背景が重要なのか

JPG は透明度を保存できません。SVG に塗りがないところでは、コンバーターは何らかの色を選ばなければならず、白が中立的な選択です。白いページに画像を置くなら、何も不自然に見えません。それ以外の色の上では、白い箱が見えます。

品質とアーティファクト

JPG がもたらすぼやけは、平坦な背景の上の文字と細い線の周りで最も目立ちます。サイズを大きくすると、効果は比例して小さくなります。結果がもやがかって見えるなら、より大きな幅でもう一度 SVG を JPG に変換し、小さな画像が必要なら、エディターで縮小してください。

具体的なよくある場面

JPG しか受け付けないアップロードフォーム

求人への応募、登録、マーケットプレイスの出品は、JPG しか受け付けないことがよくあります。求められるサイズで SVG を JPG に変換すれば、ロゴや図が通ります。

プリントキオスクと写真サービス

画像を印刷するサービスは、通常 JPG を求めます。ポスターやカード用に SVG として用意した絵は、印刷に十分な大きさで、ここで適切なファイルにできます。

古いメールとメッセージングのプログラム

SVG をうまく、あるいはまったく表示しないプログラムもあります。JPG はどこでも表示されるので、受信者のソフトウェアがわからないときの安全な選択です。

報告書のためのグラフと図

グラフを SVG として書き出すツールは、一部のシステムが拒否するファイルを残します。グラフの JPG は、手間なく報告書やメッセージに載せられますが、PNG のほうが線をくっきりと保ちます。

SVG を JPG に変換する前の実用的な助言

PNG が受け付けられるかを尋ねる

変換する前に、送り先が PNG を受け付けるかを確認してください。絵にはそれがより良い形式です。受け付けないなら、JPG が答えです。

別の色が必要なら、背景は自分で設定する

白い背景は望むものではないかもしれません。画像の後ろに特定の色が必要なら、描画ソフトで SVG の背面にその色の長方形を加え、それから SVG を JPG に変換してください。結果はその色を持ちます。

余裕のあるサイズを選ぶ

JPG は永遠に一つのサイズで、拡大するとぼやけます。必要になる最大のサイズを選んでください。

文字をアウトライン化する

正確な文字が重要なら、SVG を保存する前に、描画ソフトで文字をアウトラインに変換してください。文字は形になり、描くのにフォントは必要なくなります。

変換する前によくある質問

なぜ背景が白いのですか？

JPG には透明度がないからです。透けた背景は白になって戻ります。

なぜ文字が少しもやがかっているのですか？

JPG は非可逆で、平坦な色とシャープな縁がわずかにぼやけるからです。サイズを大きくすると効果が減り、PNG なら完全に避けられます。

なぜ文字が違って見えるのですか？

フォントがほかから読み込まれ、サンドボックスで解決されなかったからです。代わりにシステムフォントが使われました。これを避けるには、元のファイルで文字をアウトラインに変換してください。

どのサイズを選ぶべきですか？

必要になる最大のものです。JPG はいつでも縮小できますが、ぼやけずに拡大することはできません。

ファイルはアップロードされますか？

いいえ。変換はお使いのブラウザー内で実行され、ファイルが端末の外に出ることはありません。

代わりに PNG を得られますか？

はい。SVG を PNG に変換は、透明度とくっきりした縁を保ちます。

SVG を JPG に変換するときの賢い選び方

送り先を決める

ウェブページには控えめなサイズが必要です。印刷には大きなものが必要です。アップロードフォームは独自の制限を示します。JPG を場所に合わせてください。

ほかの選択肢と比べる

ファビコンには、SVG を ICO に変換が、複数のサイズを一つにしたファイルを作ります。どんな拡大でもシャープなままの文書には、SVG を PDF に変換が絵を絵のまま保ちます。

SVG を保管する

SVG が原本です。必要なときに、どんなサイズにも、どんな形式にもできます。大切に保管してください。

SVG を JPG に変換するときに最大限活用する

まず SVG を準備する

絵に適切なサイズかビューボックスがあることを確認し、文字をアウトライン化し、画像を埋め込み、見せたくない隠しレイヤーを取り除いてください。きれいな SVG はきれいな JPG になり、変換を二度やる必要もなくなります。

一度にいくつかのサイズを作る

いくつかの異なる幅の画像が必要なら、それぞれに一度ずつ SVG を JPG に変換し、ファイルに幅で名前をつけてください。用意しておけば、依頼のたびに戻ってくる手間が省けます。

実際の背景で結果を確認する

JPG を使う場所に置いてみてください。単独では無害に見えた白い箱が、色のついたページでは目立つかもしれません。今のうちに見つけるほうがよいです。

意味のある名前を保つ

画像が何で、どれだけの大きさかを表す名前を使ってください。たとえば logo-1600 のように。一年後に、画像でいっぱいのフォルダーでそのファイルを見つけたとき、どれかがすぐにわかります。

絵からよりきれいな JPG を得る

より大きなサイズを使って、あとで縮小する

JPG が細い線の周りに残すもやは、各ピクセルの尺度では一定量の損傷です。画像を大きく作り、エディターで縮小すれば、損傷もともに縮み、ほとんど消えます。したがって、きれいな結果が重要なときは、余裕のある幅で SVG を JPG に変換し、あとで画像を縮小してください。

非常に細い線と小さな文字を避ける

極細線と小さな文字は、非可逆形式で最初に損なわれるものです。SVG を自分で制御できるなら、最も細い線を少し太くし、最も小さな文字を大きくしてください。絵は変換により良く耐え、小さな画面でも読みやすくなります。

平坦な色はグラデーションよりうまく振る舞う

グラデーションとやわらかい影は、JPG がそのようななめらかな変化のために作られているので、きれいに変換されます。鮮やかな単色の大きな領域がシャープな縁の隣にあるのはより難しい場合で、そこにかすかなハロが現れることがあります。気になるなら、結局送り先が PNG を受け付けるかを尋ねてみてください。

送る前に比べる

ブラウザーで JPG を SVG の隣に開き、同じサイズで両方を見てください。区別がつかなければ、変換は仕事を果たしました。つくなら、あきらめる前により大きなサイズを試してください。

プライバシーと取り扱い

なぜ絵にはローカルでの変換が重要なのか

ロゴ、図面、デザインは、公開される前は機密かもしれません。多くのオンラインコンバーターは、ファイルをサーバーにアップロードし、処理して、結果を送り返し、しばらくの間、管理できない機械にコピーが存在します。ここではお使いのブラウザー自身が作業するので、絵は端末にとどまります。

ページを離れるとどうなるか

ページを閉じると、変換された画像はブラウザーから消えるので、先にダウンロードしてください。あなたの絵に関するものは何も保持されません。

うまくいかない場合

画像が空白になる

SVG にサイズやビューボックスがないのかもしれません。テキストエディターで開き、幅と高さ、またはビューボックスがあるか確認するか、描画ソフトで修正してください。

画像が切り取られる

一部の SVG には、宣言された領域の外に出る要素があります。すべてが収まるように、元のビューボックスを調整してください。

非常に大きなサイズでページが固まる

すべてがお使いの端末で実行され、巨大な画像にはメモリが必要です。より小さなサイズを選ぶか、コンピューターを使ってください。

関連ツール

同じ系統のツールが、隣接する作業を担います。透明度を保つ画像には、SVG を PNG に変換を使ってください。ファビコンやアプリアイコンには、SVG を ICO に変換が答えで、どんな拡大でもシャープなままの文書には、SVG を PDF に変換です。画像を形にトレースするには、JPG を SVG に変換が反対方向に進みます。JPG ができたら、JPG を圧縮がそれを軽くし、JPG を PDF に変換が文書に入れます。

実例

図が SVG であり、コンテスト用のフォームが、最大 5 メガバイトまでの JPG しか受け付けないとします。SVG をここにドロップし、幅を 2000 ピクセルに選んで、ボタンを押します。しばらくして、同じ縦横比で白い背景の JPG をダウンロードします。上限をはるかに下回っています。それをアップロードすると、図が明瞭に表示されます。SVG は原本としてフォルダーに残ります。

短いチェックリスト

変換する前

PNG が受け付けられるかを確認してください。必要な最大のサイズを決めてください。フォントがアウトライン化され、画像が埋め込まれていることを確かめてください。

変換している間

ファイルが準備できるまでページにとどまってください。

変換したあと

JPG を開き、縁と文字を確認し、実際のページでテストして、SVG を保管してください。

よくある間違い

PNG が許されているのに JPG を使う

絵には、PNG のほうがきれいで、透明度も保ちます。どうしても必要なときだけ JPG を選んでください。

白い背景を忘れる

透けた背景のロゴは、白い箱がついて戻ってきます。実際のページで確認してください。

SVG を捨ててしまう

保管してください。限りなく拡大縮小できる唯一のバージョンです。

絵は端末の中にとどまる

変換はローカルで行われます。絵はお使いのブラウザー自身が読み込み、そこで描画し、JPG として返します。何もアップロードされないので、サーバーにコピーが残ることはなく、ほかの誰にも見られません。未公開のデザインにとって、それが SVG を JPG に変換する安全な方法です。

まとめ

ここで SVG を JPG に変換するには、絵をドロップし、サイズを選んで、ボタンを押します。SVG は絵ではなく、絵を描くための指示であり、ここではその指示が選んだサイズで一度だけ従われ、結果が JPG として保存されます。絵は、ファイル内の何も実行できないサンドボックスの中で描画され、何もアップロードされません。すべての形は、作品固有の縦横比で、描かれたまま保たれます。JPG には透明度がないので、透けた背景は白になって戻り、非可逆なので、平坦な色とシャープな縁がわずかにぼやけます。ロゴやアイコンには、PNG のほうが良い答えです。JPG は、何かが JPG しか受け付けないときのためのものです。ほかから取り込まれるフォントと画像は解決されません。