PDF を SVG に変換 Portable Document Format ↔ Scalable Vector Graphics 無料オンライン安全

PDF ファイルを置いて、SVG を持ち帰ってください。画像をどうするかはあなたが決めます — 形に起こすか、来たときのまま残すか。どちらが何を失うかは、時間をかける前に下に書いてあります。

ファイルを変換する

ここに PDF ファイルを落とすか、選んでください。

ファイルはこの端末から出ません。すべてブラウザー内で動きます。

この変換ツールについて

保たれるものすでにベクターだったものはすべてベクターのまま。曲線は曲線のままで、文字は本物の文字のまま — 選べて、検索でき、字形ひとつひとつの位置も保たれ、文字の絵ではありません。ページは自分の大きさを保ち、複数ページの文書は一枚に押し込まれるのではなく、zip の中の複数の SVG として返ってきます。

できないことここでは形に起こしません。意図的です。PDF にはすでに絵があるのですから、それをいったん画素にして絵を推測し直すのは、行きも帰りも失うだけです。起こすのはページの中に置かれた画像についてだけ提供されます — 選べば、文字と曲線はそのままで、ビットマップだけが形になります。PDF が持ち歩いているフォントは一緒に渡ります。標準の十四書体のひとつは名前だけが書かれ、読む人の機械にあるもので描かれるので、字形を動かさずに見た目だけが変わることがあります。そして読み取った PDF の中には絵がまったくなく、紙面の写真があるだけです。保つほうを選べば、その写真が SVG の殻に入って返り、ファイルはそれを別の何かのようには見せません。

動く場所お使いのブラウザー内です。何もアップロードしないので、あとから消すものも残りません。

アップロードなし

ベクトルは何が違うのか

SVGは絵ではありません。絵を描くための指図の束です。ここに半径これこれの円、ここからそこへ一本の線、この形をあの色で塗る。二〇〇一年に網の標準となり、結果ではなく図そのものを蓄えるので、十六画素の図記号を描くのと同じファイルから看板を刷ることができます。PNGやJPEGが蓄えるのは逆のもの、すなわち色のついた点の出来上がった格子であって、それを何が描いたかの記憶はありません。この非対称がこの頁のすべてを決めます。ベクトルからラスターへ行くのは、選んだ大きさで指図を描くだけのこと。逆向きに行くのは「なぞり」です。点の格子を眺めて、どんな形がそれを生んだのかを当てるのです。

どこで出会うか

社章、図記号、地図、図解、図表はSVGとして生きています。どの大きさでも読めねばならず、色を変えたくなることも多いからです。見出し図や応用の図記号もここから作られます。逆向きが要るのは、ベクトルが平たい画像にならねばならない瞬間です。SVGを映さない郵便の道具、社交網の下見、あなたより古い道具を使う人が刷る文書、写真しか受け取らない投稿の用紙。

よくある質問

写真をなぞらせたら、ひどい結果になりました。なぜですか。

なぞりはそもそも写真のために作られていないからです。似た色の領域を見つけ、その一つ一つの周りに輪郭を引く——これは平塗りの図、社章、型紙、線画には合いますが、写真では破綻します。写真ではどの領域も隣へ少しずつ溶け込んでいくからです。なぞる側は、ありもしない境を作り出さねばならず、結果は刷り物のような平らな斑か、何万もの小さな形を抱えたファイルのどちらかになります。写真ならラスターのままでいてください。

私のSVGが別の道具では違って見えるのはなぜですか。

たいていは書体です。文字を含むSVGは書体を名前で呼び、開く機械がそれを持っていることを当てにします。持っていなければ別のものが当てられ、配置がずれます。処方は、書き出す前に文字を輪郭へ変えることです。一字一字が形になり、ファイルはどこでも同じに見えます。引き換えに、文字はもう直せず、選べもしません。濾し器や混ぜ方といった進んだ効果が、食い違いのもう一つのありふれた源です。

ファイルの質は落ちますか。

二つの形式が何を収められるかによります。同じものを保つ形式どうしの変換——PNGからBMP、WAVからFLAC——では何も失われません。場所を節約するために情報を捨てる形式、たとえばJPEGやMP3への変換では、そのたびに少しずつ失われ、戻しても返ってはきません。選べる場合、このページは最小のファイルを作ることより、もとの質を保つほうに傾きます。

私のファイルはどこかへ送られますか。

いいえ。変換はあなたの機械の上、あなたの閲覧ソフトの中で行われます。ファイルはそこを離れませんし、ここには受け取りうる計算機もありません。大きなファイルを縛るのが送信ではなくあなた自身の記憶装置であるのも、あなたが変換したものが誰の記録にも——私たちの記録にも——現れえないのも、そのためです。ただし音と映像の道具は、初めて使うときにこの場所から変換の機関を取り寄せます。三十メガバイトほど、一度だけです。そのあとも仕事はすべてあなたの機械の上で行われます。

PDF を SVG に変換する理由

PDF が図を保持していることはよくあります。PDF でしか提供されていないロゴ、報告書の図、地図、間取り図、グラフ、イラスト。これらはどれも図形とテキストでできており、PDF の外でも役立ちえます。デザイナーは、ロゴを描画プログラムで開いて色を変えたいと考えます。ウェブ開発者は、図をどの画面にも拡大縮小でき、サイトのほかの部分と一緒にスタイルを付けられるページに載せたいと考えます。教師は、投影してもくっきりしたままのグラフをプレゼンテーションに入れたいと考えます。どの場合も問いは同じです。図を図のまま保って、どうやって PDF を SVG に変換するか。

答えは、見落としやすい一点にかかっています。図から作られた PDF のページは、すでに図を含んでいます。曲線、線、塗りつぶし、文字です。それらは、SVG とほぼ同じように、指示として保存されています。だから最良の変換は、ページの画像から図を推測しません。PDF から図形を取り出し、一対一で SVG に書き込みます。それがこのページのしていることで、お使いのブラウザー内で、何もアップロードせずに行われます。

以下では、変換の仕組み、引き継がれるもの、画像についての選択の意味、スキャンされた PDF で何が起こるか、そしてきれいな結果を得る方法を説明します。

変換の仕組み

ベクターだったものはベクターのまま

すでにベクターだったものはすべて、ベクターとして引き継がれます。曲線は曲線のまま、線は線のまま、塗りつぶしは塗りつぶしのままです。テキストは、文字の絵ではなく、各グリフの位置が保たれた、選択でき検索できる本物のテキストのままです。ページは自身のサイズを保つので、A4 のページ用に作られた図は、A4 サイズの SVG になります。

ページごとに一つの SVG

複数のページの文書は、一つにまとめられるのではなく、zip の中の複数の SVG ファイルとして返ります。各ページが、ページと同じサイズと比率の、それぞれの SVG になります。そのあとで、必要なページだけを使えます。

トレースしない理由

これはトレースをしませんが、それは意図的です。PDF はすでに図を保持しているので、図を推測し直すためにラスタライズすると、道の両方の区間で損をします。最初に図形をピクセルに変え、次にピクセルを近似の図形に変えるからです。元の図形を取り出すほうが、速く、かつ正確です。

保たれるもの

図形、曲線、線

図はベクターとして保たれます。曲線は曲線のまま、図形は図形のままです。SVG を描画プログラムで開いて、個々の要素を編集し、色を変え、部品を動かせます。

本物のテキスト

テキストは、各グリフの位置が保たれた、選択でき検索できる本物のテキストのままです。文字の絵ではないので、検索エンジン、スクリーンリーダー、テキストツールがそれを読めます。

ページサイズ

ページは自身のサイズを保ち、複数のページの文書は、ページごとに一つずつ、zip の中の複数の SVG ファイルとして返ります。

選ぶこと：画像を図形にするか、そのままにするか

トレースはページ内に置かれた画像にだけ用意されている

PDF には、画像を含むものがあります。写真、スキャン、スクリーンショットです。これらはベクターではなく、SVG はトレースされないかぎり、それを図形として保持できません。トレースが用意されているのは、ページ内に置かれたそのような画像に対してだけです。選べば、テキストと曲線はそのまま残り、ビットマップが図形になります。選ばなければ、画像は届いたとおりに保たれ、SVG の中に画像として埋め込まれます。

それぞれの選択の代償

画像をトレースすると、色の平らなかたまりになります。ロゴやアイコンにはほぼ適切ですが、写真にはほぼ役に立ちません。かたまりのポスターができるだけです。画像を届いたままに保つほうが、写真には安全ですが、その場合、画像はピクセルのままで、拡大するとぼやけます。画像が何であるかに応じて選んでください。

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

フォント

PDF が運んでいるフォントは、一緒に引き継がれます。PDF が名前だけを示して運ばない標準の十四種のフォントの一つは、名前が付けられ、読む側のマシンにあるもので描かれるので、グリフを動かさずに見た目がずれることがあります。正確な文字が重要なら、フォントがインストールされているマシンの描画プログラムで SVG を開くか、そこでテキストをアウトラインに変換してください。

スキャンされた PDF には図が入っていない

スキャンされた PDF には、図がまったく入っておらず、ページの写真があるだけです。それを保てば、SVG の包みの中にその写真が入ることになり、ファイルはそうでないふりをしません。トレースすれば、文字ではなく色のかたまりができます。スキャンには、SVG は間違った行き先です。

複数のページは zip で届く

PDF に複数のページがあるなら、ページごとに一つの SVG が入った zip が得られます。展開して、望むページを使ってください。一ページだけなら、一つの SVG が直接得られます。

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

PDF を追加する

PDF をページにドロップするか、端末から選びます。お使いのブラウザー内で開かれ、アップロードされません。

画像をどうするかを選ぶ

ページ内の画像を図形にするか、届いたままにするかを決めます。PDF に画像がなければ、この選択は関係ありません。

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

ボタンを押します。SVG、文書に複数のページがあるなら zip をダウンロードします。結果をブラウザーか描画プログラムで開き、テキストと図形を確認してください。

PDF と SVG をもう少し詳しく

どちらも図を保持できる二つの形式

PDF は、固定されたページ上にベクターの図、テキスト、画像を保持できる文書形式です。SVG は、ウェブに属し、どんなサイズでも表示できる図の形式です。二つは、図形を指示で記述するという考えを共有しており、だから一方から他方への変換は正確になりえます。PDF を SVG に変換することは、おおむね、同じ指示を別のファイルに書き直すことです。

PDF が出発点として間違っているとき

すべての PDF が図であるわけではありません。普通のテキストのページは、ある意味で文字の図ですが、それを SVG にすると、文字が一つずつ置かれたものになり、テキストを扱う上で役立つ方法ではありません。文書には、PDF を DOCX に変換やPDF を HTML に変換のほうが適しています。SVG が正しい行き先なのは、ロゴ、図、地図、イラストです。

結果を編集する

SVG は描画プログラムで開けるだけでなく、プレーンテキストで書かれているので、テキストエディターでも開けます。PDF を SVG に変換したあと、いくつかの編集で、色を変えたり、部分を削除したり、スタイルを付け直したりできます。

よくある場面を詳しく

PDF でしか提供されていないロゴ

クライアントがロゴを PDF で送ってくることはよくあります。PDF を SVG に変換すれば、ウェブサイトで使え、描画プログラムで編集でき、どのサイズでも端がくっきりしたファイルが得られます。

ウェブページ用の図

報告書の図は、SVG としてページに置け、画面に合わせて拡大縮小され、そのテキストは検索エンジンや支援ソフトに読み取られます。

地図と図面

PDF に書き出された地図や間取り図は、サイトでの使用やさらなる編集のために、テキストをテキストのまま保って、SVG に取り出せます。

プレゼンテーション用のグラフ

PDF のページとして保存されたグラフは、SVG を理解するプレゼンテーションのプログラムに落とし込め、大きな画面でもくっきりしたままです。

PDF を SVG に変換する前の実際的な助言

できれば一ページを選ぶ

長い文書のうち一ページだけが図を保持しているなら、まずPDF からページを抽出してください。多数の SVG が入った zip ではなく、一つの SVG が得られます。

PDF がスキャンかどうかを確認する

PDF を開いて、単語を選択したり、図形をクリックしたりしてみてください。何も選択できないなら、おそらくスキャンで、SVG にしても良くはなりません。

PDF を保管する

PDF は、フォントとメタデータをもつ元のものです。参照用として保管してください。

SVG をブラウザーで試す

結果をブラウザーで開いて、PDF と比べてください。曲線とテキストを拡大して、期待どおりにくっきりしているか確かめます。

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

テキストは今もテキストですか？

はい。テキストは、各グリフの位置が保たれた、選択でき検索できる本物のテキストのままです。

複数ページの PDF が zip になるのはなぜですか？

各ページがそれぞれの SVG ファイルになり、複数のファイルは一つにまとめるよりも zip で運ぶほうが適しているからです。

トレースは画像に何をしますか？

ページ内に置かれた画像を図形に変え、テキストと曲線はそのまま残します。ロゴや線画には向いていますが、写真にはうまくいきません。

スキャンされた PDF が SVG として役に立たないのはなぜですか？

図が入っておらず、ページの写真があるだけだからです。

PDF はアップロードされますか？

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

SVG を PDF に戻せますか？

はい。SVG を PDF に変換がそれを行い、図を図のまま保ちます。

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

正しい行き先を選ぶ

ページの画像がほしいなら、PDF を PNG に変換のほうが簡単です。編集できるテキストがほしいなら、文書形式を選んでください。SVG は図のためのものです。

画像をどうするかを決める

画像がロゴや線画なら、トレースすればきれいな図形が得られます。写真なら、届いたままに保ってください。

最もきれいな元から始める

描画プログラムから書き出された PDF が、図形が無傷なので、最もよく変換されます。紙をスキャンして作られた PDF には、それがありません。

変換後に良い結果を得るには

描画プログラムで開く

構造を見てください。グループ、レイヤー、図形です。PDF は元のデザインの論理を常に保つわけではないので、グループ解除や整理が必要かもしれません。

フォントを確認する

文字が違って見えるなら、正しいフォントをインストールするか、そのフォントが使えるマシンでテキストをアウトラインに変換してください。

公開するなら最適化する

ウェブページ用には、PDF から書き出された SVG が、必要以上の細部を含んでいることがあります。多くの描画プログラムやツールで、それを簡略化して、ページがより速く読み込まれるようにできます。

PDF を SVG に変換したあと、SVG を扱う

ウェブページで使う

SVG は、画像のようにページに置くことも、スタイルを付けられるようにページに直接書き込むこともできます。PDF を SVG に変換したら、両方を試してください。画像としては単純に振る舞い、ページに書き込めば、色とテキストを、サイトのほかの部分と同じスタイルシートで変えられます。

色や部品を変える

描画プログラムでファイルを開き、図形を選択して色を変えます。図形は PDF から一対一で取り出されたので、個別に動かしたり、削除したり、置き換えたりできます。これが、画像ではなく SVG に PDF を変換する主な理由です。

レイヤーに気をつける

PDF は、元の図のレイヤーや名前を常に保つわけではありません。図形は、デザイナーが作ったときとは違うふうにグループ化されているかもしれません。変更するつもりの部品について、グループ解除と命名に数分を使ってください。

公開のためにファイルを小さくする

PDF 由来の図は、多くの細部と長い数字を運んでいることがあります。SVG を最適化するツールは、数字を丸め、図形を結合し、見た目を変えずにサイズを半分に減らせることもよくあります。にぎやかなページに図を載せる前に、行う価値があります。

テキストの説明を付ける

公開ページの SVG には、スクリーンリーダーを使う人が何が写っているかわかるように、短い説明を付けるべきです。ファイルにタイトル要素を加えるか、ページに置く場所で代替テキストを付けてください。

元のファイルを保管する

SVG に何をしても、PDF は保管してください。正確なフォントと、作者が意図したページを保持しており、いつでももう一度 PDF を SVG に変換できます。

プライバシーと取り扱い

図にローカル変換が重要な理由

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

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

ページを閉じると、変換されたファイルはブラウザーから消えるので、先にダウンロードしてください。図について何も保存されません。

うまくいかないとき

テキストが違って見える

フォントが標準の十四種の一つだったか、PDF に運ばれていなかったため、お使いのシステムが別のもので描きました。フォントをインストールするか、テキストをアウトラインにしてください。

SVG が非常に大きい

届いたままに保たれた画像はファイルに埋め込まれ、ファイルを重くします。単純なものならトレースするか、変換する前に小さくしてください。

大きな文書でページがフリーズする

すべてが端末上で実行され、長い文書にはメモリが必要です。パソコンでもう一度試すか、一ページずつ変換してください。

実例

クライアントがロゴを一ページの PDF で送ってきて、それをそのウェブサイトに載せる必要があるとします。ここに PDF をドロップし、画像はないので届いたままにしておいて、ボタンを押します。しばらくして、ページと同じサイズの一つの SVG をダウンロードします。ブラウザーで開くと、ロゴはどんな拡大でもくっきりしています。サイトに置けば、あらゆる画面に合わせて拡大縮小されます。PDF は、クライアントの元のものとして、フォルダーに残ります。

短いチェックリスト

変換する前

PDF がスキャンでないことを確認してください。必要なページを選んでください。画像をどうするかを決めてください。

変換している間

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

変換したあと

SVG をブラウザーと描画プログラムで開き、テキストと図形を確認して、PDF を保管してください。

よくある間違い

スキャンに魔法を期待する

スキャンされた PDF には図が入っていません。写真からベクターの図形が得られると期待して、PDF を SVG に変換してはいけません。

写真をトレースする

写真をトレースすると、かたまりのポスターができます。写真は届いたままに保ってください。

普通のテキストのページに SVG を使う

テキストのページは、文書形式に変換するほうが適しています。

文書は端末の中にとどまる

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

まとめ

ここで PDF を SVG に変換するには、文書をドロップし、画像をどうするかを選んで、ボタンを押します。すでにベクターだったものはすべてベクターのままです。曲線は曲線のまま、テキストは、各グリフの位置が保たれた、選択でき検索できる本物のテキストのままです。ページは自身のサイズを保ち、複数のページの文書は、zip の中の複数の SVG ファイルとして返ります。これはトレースをしませんが、それは意図的です。PDF はすでに図を保持しているので、図を推測し直すためにラスタライズすると、道の両方の区間で損をします。トレースが用意されているのは、ページ内に置かれた画像に対してだけです。スキャンされた PDF には、図がまったく入っておらず、ページの写真があるだけです。何も端末の外には出ません。

長さと面積質量と体積温度通貨

PDF を SVG に変換 Portable Document Format ↔ Scalable Vector Graphics 無料 オンライン 安全