JPG を SVG に変換 Joint Photographic Experts Group ↔ Scalable Vector Graphics 無料 オンライン 安全
JPG ファイルを置いて、SVG を持ち帰ってください。画像をどうするかはあなたが決めます — 形に起こすか、来たときのまま残すか。どちらが何を失うかは、時間をかける前に下に書いてあります。
ファイルを変換する
ここに JPG ファイルを落とすか、選んでください。
ファイルはこの端末から出ません。すべてブラウザー内で動きます。
アップロードなし
JPG から変換
JPG へ変換
ベクトルは何が違うのか
SVGは絵ではありません。絵を描くための指図の束です。ここに半径これこれの円、ここからそこへ一本の線、この形をあの色で塗る。二〇〇一年に網の標準となり、結果ではなく図そのものを蓄えるので、十六画素の図記号を描くのと同じファイルから看板を刷ることができます。PNGやJPEGが蓄えるのは逆のもの、すなわち色のついた点の出来上がった格子であって、それを何が描いたかの記憶はありません。この非対称がこの頁のすべてを決めます。ベクトルからラスターへ行くのは、選んだ大きさで指図を描くだけのこと。逆向きに行くのは「なぞり」です。点の格子を眺めて、どんな形がそれを生んだのかを当てるのです。
どこで出会うか
社章、図記号、地図、図解、図表はSVGとして生きています。どの大きさでも読めねばならず、色を変えたくなることも多いからです。見出し図や応用の図記号もここから作られます。逆向きが要るのは、ベクトルが平たい画像にならねばならない瞬間です。SVGを映さない郵便の道具、社交網の下見、あなたより古い道具を使う人が刷る文書、写真しか受け取らない投稿の用紙。
よくある質問
写真をなぞらせたら、ひどい結果になりました。なぜですか。
なぞりはそもそも写真のために作られていないからです。似た色の領域を見つけ、その一つ一つの周りに輪郭を引く——これは平塗りの図、社章、型紙、線画には合いますが、写真では破綻します。写真ではどの領域も隣へ少しずつ溶け込んでいくからです。なぞる側は、ありもしない境を作り出さねばならず、結果は刷り物のような平らな斑か、何万もの小さな形を抱えたファイルのどちらかになります。写真ならラスターのままでいてください。
私のSVGが別の道具では違って見えるのはなぜですか。
たいていは書体です。文字を含むSVGは書体を名前で呼び、開く機械がそれを持っていることを当てにします。持っていなければ別のものが当てられ、配置がずれます。処方は、書き出す前に文字を輪郭へ変えることです。一字一字が形になり、ファイルはどこでも同じに見えます。引き換えに、文字はもう直せず、選べもしません。濾し器や混ぜ方といった進んだ効果が、食い違いのもう一つのありふれた源です。
ファイルの質は落ちますか。
二つの形式が何を収められるかによります。同じものを保つ形式どうしの変換——PNGからBMP、WAVからFLAC——では何も失われません。場所を節約するために情報を捨てる形式、たとえばJPEGやMP3への変換では、そのたびに少しずつ失われ、戻しても返ってはきません。選べる場合、このページは最小のファイルを作ることより、もとの質を保つほうに傾きます。
私のファイルはどこかへ送られますか。
いいえ。変換はあなたの機械の上、あなたの閲覧ソフトの中で行われます。ファイルはそこを離れませんし、ここには受け取りうる計算機もありません。大きなファイルを縛るのが送信ではなくあなた自身の記憶装置であるのも、あなたが変換したものが誰の記録にも——私たちの記録にも——現れえないのも、そのためです。ただし音と映像の道具は、初めて使うときにこの場所から変換の機関を取り寄せます。三十メガバイトほど、一度だけです。そのあとも仕事はすべてあなたの機械の上で行われます。
JPG を SVG に変換する人が多い理由
JPG は色のついた点の格子で、写真に合う方法で圧縮されています。SVG は図形で記述された描画です。この違いが、それぞれでできることを決めます。JPG は固定のサイズで、拡大するとぼやけますが、SVG はビルの側面ほどの大きさに拡大しても鮮明なままです。ロゴ、スタンプ、署名、線画のイラストは、スキャンされたり、撮影されたり、送られたりした経緯から、JPG しか存在しないことがよくあり、そのあとで、より大きなサイズで使いたい、色を変えたい、プロッターで切り抜きたい、SVG を求めるサイトに載せたいといった必要が生じます。人が JPG を SVG に変換するのはそのためです。手元にあるのは画像ですが、ほしいのは描画なのです。
こうした変換にできることとできないことについて、正直であることが大切です。ピクセルを図形に戻すことは、すでに失われた元の描画の復元ではありません。単色の領域がどこで終わるかを見て行う推測です。JPG で保存されたロゴなら、その推測はたいてい良好です。休暇の写真では、ほとんど役に立ちません。このページは二つの選択肢を提供し、時間をかける前に、それぞれの代償を伝えます。トレースして画像を図形にすることも、画像を届いたままの形で SVG に包んで保つこともできます。
このページは、ブラウザ内で JPG を SVG に変換します。画像はサーバーにアップロードされず、ロゴ、スキャン、まだ公開されていないデザインにとって重要なことです。以下では、トレースの仕組み、色数の選び方、JPG に特別な注意が必要な理由、そしてトレースしないほうがよい場合を説明します。
変換の仕組み
画像をどうするかの二つの選択
画像をどうするかを選びます。図形になるか、届いたままの形で残るかです。一つ目はトレースです。画像が分析され、図形が目のまとめ方に従ってまとめられ、選んだ色数で、その境界が、それらの色で塗られた図形として書き出されます。二つ目は包み込みです。画像が変更されずに SVG ファイルの中に置かれるので、ファイルは外側が SVG、内側が同じピクセルです。
目がまとめるとおりの図形
トレースは、選んだ色数で、目がまとめるとおりに図形を保ちます。二色のロゴは二色の図形になります。八色でトレースした画像は、層状に配置された八階調の単色になります。作品の縦横比と元のサイズが SVG に書き込まれるので、元のサイズのままレイアウトに収まります。
画像を保つ
代わりに画像を保つと、外側が SVG で、内側が同じピクセルのファイルになります。.svg しか受け付けないものがあるときに便利ですが、ベクターアートを得る方法ではありません。画像は、JPG のときとまったく同じように、拡大するとぼやけます。
保たれるもの
選んだ色数での図形
図形は、選んだ色数で、目がまとめるとおりに保たれます。色が少ないほど、結果は単純できれいになり、色が多いほど、元に近くなり、ファイルは重くなります。
縦横比とサイズ
作品の縦横比と元のサイズが SVG に書き込まれるので、画像の形は変わらず、そこからファイルを拡大縮小できます。
保つべき透過はない
JPEG には透過がないので、SVG にも現れません。作品を色のついた背景の上に置くつもりだったなら、変換のあとで、描画プログラムで背景の図形を削除する必要があります。
JPG を SVG に変換する前に知っておくこと
JPG はあらゆる輪郭にまだらを残す
JPEG は細部を捨てることで画像を保ち、あとに残るのは、あらゆる輪郭の周りのかすかなまだらです。トレースはそのまだらを描画と区別できないので、余分な図形になります。色数を減らし、設定をなめらかにすると、ほとんどが隠れます。トレースの結果が線の近くの小さな斑点でいっぱいなら、色数を減らしてください。
写真の中に描画はない
さらに深い限界は、JPEG が暗示するものと同じです。写真であるファイルには、見つけるべき描画が中にないので、それをトレースすると、画像ではなく、単色の斑のポスターになります。JPG で保存されたロゴにはうまくいきますが、休暇の写真では、画像を届いたままに保つのが誠実な答えです。
大きな画像
非常に大きな画像は、作業を扱いやすく保つため、縮小したサイズで読み取られますが、SVG は元の寸法を保持します。ベクターなので、再び拡大できます。最も細かい部分は、読み取りで失われるかもしれません。
ここで JPG を SVG に変換する方法
画像を追加する
JPG をページにドロップするか、端末から選びます。ブラウザ内で読み取られ、アップロードされません。
トレースか保持か、色数を選ぶ
画像を図形にするか、届いたままにするかを決めます。トレースするなら、色数を設定します。
変換して比較する
ボタンを押して、SVG をダウンロードします。ブラウザで開いて拡大します。良いトレースは滑らかなままです。JPG と並べて比べ、合っていなければ、色数を調整してもう一度試してください。
JPG と SVG をもう少し詳しく
写真と描画
JPG は、色が徐々に変化し、目が小さな誤差を許す写真のために作られています。SVG は、図形に輪郭があり、色が単色である描画のために作られています。二つの形式は正反対の役割を持っています。JPG を SVG に変換するとは、写真を保持するために作られたファイルから描画を求めることであり、それがうまくいくのは、写真の内容が実際に、スキャンしたロゴのような描画であるときだけです。
トレースが元に戻せない理由
ロゴが JPG として保存されたとき、その曲線は点に変えられ、圧縮によって輪郭がさらにぼやけました。トレースは点を読み取り、それを通る曲線を提案します。その提案はしばしばとても良いものですが、元の曲線ではありません。元の SVG があるなら、それを使ってください。
トレースを避けるべきとき
写真をトレースしないでください。また、小さなロゴの細かい文字をトレースが再現することを期待しないでください。そうした場合は、画像を届いたままに保つか、JPG を手引きにして、描画プログラムで作品を描き直してください。
具体的な場面
JPG しかないロゴ
顧客がロゴを JPG で送ってきて、それをより大きくしたい、あるいは色を変えたいとします。JPG を SVG に変換し、結果を確認して、描画プログラムで整えます。単純なロゴなら、結果は素晴らしいものになりえます。
スキャンした絵、スタンプ、署名
白い紙に対してスキャンしたペン画、ゴム印、署名は、きれいに拡大縮小できる単色の SVG にトレースできます。自分のものである署名や印だけを使うよう注意してください。
カッティングと彫刻
プロッター、ビニールカッター、レーザー彫刻機は、ベクターの輪郭から作業します。シルエットをトレースした SVG は、必要なものを提供します。
SVG を求めるウェブサイト
ロゴに SVG しか受け付けないプラットフォームもあります。保持のオプションでそのプラットフォームに足りるなら、画像を包むことができます。本物のベクターでなければならないなら、トレースしてください。
JPG を SVG に変換する前の実用的な助言
持っている中で最も大きく、最もきれいな JPG から始める
ピクセルが多く、圧縮が少ないほど、トレースは良くなります。小さく、強く圧縮された画像は、ごつごつした結果になります。
先にコントラストを上げる
作品が灰色の紙に描かれた絵なら、エディターでコントラストを上げ、線を暗く、紙を明るくします。はっきり分かれていると、うまくトレースできます。
色数を少なくする
ロゴなら、通常は二から四色が適切です。色が多いと、圧縮による斑点が増えます。
JPG を取っておく
JPG は元の素材です。トレースが良くなければ、ほかの設定でやり直すときに必要になります。
JPG を SVG に変換するときに最良のトレースを得る
予想される色数を数える
JPG を SVG に変換する前に、作品の色数を数えます。赤、白、黒を使うロゴなら、三色を求めます。その数を求めると、デザインに合ったきれいな図形が得られます。
輪郭に注意する
JPG の二つの色の境界は、中間色のやわらかい線です。トレースは、そのやわらかい線のどこに輪郭があるかを決めなければなりません。真ん中を選び、それはほとんど常に正しいのですが、非常に細い線は途切れることがあります。線の幅が一、二ピクセルしかない場合は、より大きな版から始めてください。
白い背景を考える
JPG には透過がないので、白い背景は作品の後ろの白い図形として取り込まれます。ロゴがほかの色の上にきれいにのるよう、描画プログラムでそれを削除してください。
変換する前によくある質問
元のベクターは戻りますか？
いいえ。トレースは復元ではなく推測です。画像の色の境界に沿った図形を提案します。
なぜトレースの結果は斑点だらけなのですか？
JPG の圧縮が輪郭の周りにかすかなまだらを残し、トレースがそれを図形として読み取るからです。色数を減らすか、よりきれいな元画像を使ってください。
なぜ写真がポスターのように見えるのですか？
写真の中には描画がないからです。トレースは写真を色の斑に変えます。写真は届いたままに保ってください。
透過はありますか？
いいえ。JPEG には透過がないので、SVG にも現れません。
画像はアップロードされますか？
いいえ。変換はブラウザ内で行われ、画像が端末の外に出ることはありません。
JPG に戻せますか？
はい。SVG から JPGは、選んだサイズで図形を描画します。
JPG を SVG に変換するときの賢い選び方
トレースか、保持か
単色の作品はトレースします。写真や細かいものは保持します。迷ったら、トレースを試して、元と並べて結果を見てください。
ほかの出発点
画像が PNG なら、PNG から SVGが同じように働き、透過も保ちます。アイコンファイルなら、ICO から SVGが、中に含まれる最大のサイズを読み取ります。
出発点を取っておく
JPG を SVG と並べて保管してください。両者は別のもので、それぞれに用途があります。
変換後に良い結果を得る
描画プログラムで開く
図形と色を見ます。余分な斑点を削除し、一つであるべき図形を統合し、ごつごつして出た曲線を滑らかにします。
いくつかのサイズで確認する
拡大と縮小をします。良いトレースは、どのサイズでも形を保ちます。
ウェブ向けに簡略化する
トレースした SVG には、多くの点が含まれることがあります。パスを簡略化するツールを使えば、見た目を変えずにファイルを大幅に小さくできます。
トレースした SVG を活用する
拡大縮小が重要な場面で使う
この結果の大きな利点は、拡大縮小できることです。ポスター、看板、刺繍ワッペン、ステッカーに使い、より大きなファイルを頼まなくて済むことを楽しんでください。再びピクセルの画像が必要になったときは、SVG から PNGが、選んだ任意のサイズで図形を描画します。
描き直しと比べる
重要なロゴなら、トレースは終点ではなく出発点になりえます。デザイナーは、トレースした図形をレイヤーに置き、きれいな点で曲線を描き直して、扱っていて楽しいファイルに仕上げられます。ロゴが会社の顔なら、その一時間は有意義です。日常の用途には、良いトレースで十分です。
簡単に色を変える
すべての領域が塗りのある図形なので、色を変えるのは、図形を選んで別の色を選ぶだけのことです。人が JPG を SVG に変換する理由は、もともとこれであることが多いのです。色が違うロゴや、暗い背景で使わなければならない版です。
商標や他人の作品に注意する
ロゴや絵をトレースしても、その権利が得られるわけではありません。この変換は、自分が所有している、または使用許可を得ている作品に使ってください。自分の印については、古い画像を最新にする便利な方法です。
気に入った設定を取っておく
特定の種類の作品にうまくいく色数が見つかったら、書き留めておきます。次に似たロゴやスタンプのために JPG を SVG に変換するときは、きれいな図形になるとわかっている設定から始められます。
プライバシーと取り扱い
作品にローカルでの変換が重要な理由
ロゴ、スキャン、デザインは、公開前には機密であることがあります。多くのオンライン変換ツールは、ファイルをサーバーにアップロードして処理し、結果を送り返し、しばらくの間、自分で管理できないマシンにコピーが残ります。ここではお使いのブラウザが作業を行うので、画像は端末にとどまります。
離れるとどうなるか
ページを閉じると、変換されたファイルはブラウザから消えるので、先にダウンロードしてください。画像に関するものは何も保持されません。
うまくいかないとき
トレースが斑点だらけ
画像に圧縮ノイズが含まれていました。色数を減らすか、先にエディターで画像をきれいにしてください。
図形が粗すぎる
色数を増やすか、より大きな JPG から始めてください。
大きな画像でページが固まる
すべてお使いの端末上で動作し、大きな画像にはメモリが必要です。コンピューターでもう一度試すか、先に画像を縮小してください。
関連ツール
同じ系統のツールが、隣接する作業をカバーしています。PNG にはPNG から SVGを、アイコンファイルにはICO から SVGを使ってください。ピクセルに戻すには、SVG から JPG、SVG から PNG、SVG から ICOが、選んだサイズで図形を描画します。印刷用のベクターのページはSVG から PDFで、より軽い JPG はJPG を圧縮で得られます。
計算例
あるクラブが、白い背景の上の赤い紋章である、600 × 600 ピクセルの JPG としてエンブレムを送ってきたとします。幅二メートルのバナーに使う必要があります。ここに JPG をドロップし、三色でトレースを選んで、ボタンを押します。しばらくすると、同じ縦横比の SVG がダウンロードされ、紋章はきれいな図形の集まりになっています。描画プログラムで開き、後ろの白い四角といくつかの斑点を削除して、バナーの大きさに拡大します。輪郭は鮮明なままです。JPG はフォルダーに残っています。
短いチェックリスト
変換する前に
画像が写真ではなく、単色の作品であることを確認します。必要ならコントラストを上げます。JPG を取っておきます。
変換中に
トレースか保持かを選び、色数を設定します。ファイルの準備ができるまでページにとどまります。
変換したあとに
SVG を開いて拡大し、JPG と比べて、描画プログラムで整えます。
よくある間違い
写真をトレースする
写真は斑のポスターになります。届いたままに保ってください。
元の曲線を期待する
トレースは推測です。元の SVG があるなら、それを使ってください。
色を使いすぎる
色が多いと、図形がノイズだらけになり、JPG のまだらを拾います。作品に必要な分だけの少ない数にしてください。
画像は端末にとどまる
変換はローカルで行われます。画像はお使いのブラウザが読み取り、そこでトレースして、SVG として返します。何もアップロードされないので、サーバーにコピーが残ることも、他の誰かが見ることもありません。未公開の作品については、それが JPG を SVG に変換する安全な方法です。
まとめ
ここで JPG を SVG に変換するには、画像をドロップし、どうするかを選んで、ボタンを押します。選択は、画像が図形になるか、届いたままの形で残るかで、それぞれの代償は、時間をかける前に、このページに書かれています。トレースは、選んだ色数で、目がまとめるとおりに図形を保ち、作品の縦横比と元のサイズが SVG に書き込まれます。JPEG は細部を捨てることで画像を保ち、あとに残るのは、あらゆる輪郭の周りのかすかなまだらで、トレースはそれを描画と区別できません。写真であるファイルには、見つけるべき描画が中にありません。JPEG には透過がないので、SVG にも現れません。