JPG から PNG への変換

JPG と PNG は実際には何なのか

二つの形式は違う絵のために作られており、圧縮の仕方にはほとんど共通点がありません。JPEG は画像を小さなブロックに分け、目が最も気づきにくい細部を捨てます。この捨てることそのものが圧縮なので、写真の JPG は可逆な形式のどれよりもはるかに小さく、そして保存し直すたびに少しずつ代償を払うことになります。PNG はその逆です。繰り返しを探し — 同じピクセルの並び、上の行とよく似た行 — 画像をそのまま正確に保存するので、出てくるものは最後の一ピクセルまで入れたものと同じです。

この違いが、二つの形式についてのそれ以外のすべてを決めます。変換の道具に来る人の多くが期待しているものも含めてです。JPG を PNG に変換しても、JPEG の符号化器がすでに取り除いたものを取り戻すことはできません。文字のまわりのブロック状の縁、硬い境界に沿ううっすらとした輪、澄んでいるはずの空のまだら — それらはもうピクセルの中にあり、可逆な形式はそれらもほかのすべてと同じ忠実さで保存します。得られるのは、これ以上劣化させない容れ物に入った同じ絵であり、それは本当に役に立つものですが、画質の向上ではありません。

• JPEG には透明がまったくありません。この形式には第四のチャンネルがなく、これまで一度もありませんでした。ですから透ける部分のある絵は、JPG として書き出す前に何らかの色の上に置かれなければなりません。このページの背景色の設定はそのためにあります。
• PNG は画像をそのまま正確に保存し、透明も運びます。だからこそスクリーンショット、図表、画面のキャプチャ、そして文字や硬い縁のあるものすべてに向いています。同じ理由で、写真の PNG はもとの JPG の何倍かの大きさになるのがふつうです。
• WebP はその両方であろうとする新しい形式です。JPEG とほぼ同じ考え方の非可逆モードと、PNG に近い可逆モードを持ち、どちらでも透明を運びます — けれどもブラウザから手が届くのは非可逆の半分だけで、それが下の節の主題です。
• 拡張子を変えることは変換ではありません。JPG の拡張子から PNG の拡張子へ名前を変えても、中身は一バイトもそのままで、次にそれを開くソフトは PNG の名前の下に JPEG を見つけます。このページが名前ではなくファイルの中身から形式を決めているのは、まさにそのためです。

ここからひとつ実務的なことが出てきます。フォルダー一つ分のファイルを変換する前に知っておく価値のあることです。すでにピクセルの格子になっているファイルは、入ってきたときの縦横の大きさのまま出ていきます。これは変換の道具であって編集ソフトではありません — 拡大縮小も切り取りも先鋭化も二度目の再圧縮もなく、変わるのは同じ絵の保存のされ方だけです。そのなかで唯一の例外は、ファイル自身が横倒しだと言っている写真で、これは正しい向きに直され、そのため幅と高さが入れ替わります。新しい数値に驚かされる代わりに、道具がその行でそう伝えます。

何に変換するかを選ぶ

このページが「JPG から PNG への変換」という名前なのは、それが最も多くの人が求めてたどり着く変換だからで、それは開いたときの設定でしかありません。ピクセルとして読める形式 — JPG、PNG、WebP — のどれからでも、書ける三つの形式のどれへでも変換でき、形式の切り替えがその違いのすべてで、その三つのあいだで特別扱いされる向きはありません。SVG も読めますが、そちらは単にもう一つの向きというわけではありません。ベクターには誰かが大きさを選ぶまでピクセルが一つもないので、SVG を選ぶとこのページに幅と高さの欄が加わります。この決めごとを中心に据えた扉がこのサイトの SVG から PNG 変換で、それについての案内も別に用意されています。どの形式が欲しいかは、たまたま手元にあるファイルではなく、絵についての問いです。

• 写真で、容量が大事なとき: JPG を選んでください。この形式が設計された用途そのもので、世の中のあらゆるものが読め、ほどよい画質なら通常の表示の大きさで元との違いは見分けにくくなります。
• スクリーンショット、グラフ、図、文字や硬い縁を含むもの: PNG を選んでください。JPEG の切り捨ては、まさにコントラストの強い境界にいちばん強く効くので、JPG の中の文字は PNG にはけっして出ない灰色のふちを拾います。
• 残したい透明があるもの: PNG か WebP を選んでください。JPG には透明を置く場所がないので、ロゴに JPG を選ぶことは、実際にはその背景の色を選ぶことです。
• バイト数が大事なウェブページ用の絵: WebP を選んでください。同程度の画質なら、ほかの二つより小さくなるのがふつうです。画質のつまみを動かして、結果の横の大きさを見てください — それはファイル一般についての目安ではなく、あなた自身のファイルについての実測です。
• また編集する絵、あるいは残しておく絵: PNG を選んでください。JPG は保存するたびに少しずつ捨て、その損失は数回で積み重なりますが、可逆なファイルは何度開いて書き戻しても変わりません。

JPEG が答えとして最も間違っている場面は、まさに最も気軽に選ばれている場面です。文書やバグ報告やスライドへ向かうスクリーンショットです。文字は JPEG が最も苦手とする内容そのものですし、符号化器がならすものがほとんどないためファイルは PNG より小さくならないことも多く、しかも文字のまわりの劣化は永続的で、あとから誰も取り消せません。すでにそうしたスクリーンショットを JPG で持っているなら、PNG に変換しても直りはしません — けれども損傷が二度目に起こるのを止めます。変換する理由はしばしばそれです。

画質のつまみは、変換先の形式にそれがあるときだけ現れます。つまり JPG と WebP です。PNG には引き換えに渡せるものがないので、置かれているだけで何もしないつまみを出すのではなく、何も出しません。どこに設定しても、各行が元の大きさ、変換後の大きさ、そのあいだの増減を示すので、あなたが結んでいる取引は当て推量ではなく目の前の数字になります。そして可能なところでは、つまみを動かすとファイルを読み直すのではなくすでに描かれた絵を符号化し直すので、大きさの表示があなたに追いつきます。

この道具が落とすもの、そしてそれを保てない理由

ここで行われることはすべて、ブラウザにもとから組み込まれている絵を描くしくみで行われます。ファイルを復号し、一度描き、指定された形式で書き戻すだけです。それが、何もアップロードせず、何もインストールせず、ページ自体のほかには何もダウンロードせずにこの道具が働ける理由であり、同時に上限も定めます。あとで別のどこかで気づくより、ここではっきり書いておくほうがよい上限です。

• カメラの情報は失われます。EXIF — カメラの機種、露出、日付、そして携帯電話が記録していれば GPS の座標 — はピクセルの中ではなくピクセルと並んで運ばれるので、絵を描く時点で置き去りになります。ここには、それが生き残る形式も設定もひとつもありません。
• 埋め込まれたカラープロファイルもいっしょに消えます。出力は自身のプロファイルを持たない通常の sRGB なので、より広い色空間で撮られた写真 — 最近の携帯電話の Display P3 や、Adobe RGB — は、ほとんどの場所では同じに見えますが、最も鮮やかな色でわずかに強さを失うことがあります。
• PNG の出力は最適化されていません。ブラウザ自身の圧縮器がそれを書いており、より良いものを指定する方法はないので、ここで作られた PNG は同じ絵から専用の道具が作るものより多少大きくなるのがふつうです。それでも可逆です。絵は正確で、詰め方が並であるだけです。
• バイト列は再現できません。同じ絵を同じ画質で渡された二つのブラウザは、二つの違うファイルを作り、どちらも完全に正しいのです。この道具が約束できるのは特定の絵であって、けっして特定のファイルではありません。

そのいくつかは、本物の符号化器をページの中で動くように同梱すれば取り除けますが、この道具はあえてそうしません。そうした符号化器は数百キロバイトあり、その一部の人が少しだけ小さい PNG を得るために、訪れる人すべてがそれをダウンロードすることになります。しかもブラウザがすでに作れる答えを作るための機械です。復号する側はどのみちブラウザのままなので、上に書いた色の扱いが買い戻されるわけでもありません。そしてダウンロードが終わるまで道具はまったく動かなくなります。ほかのどのページも表示された瞬間から働くサイトでです。上限を明言する道具は、それをダウンロードの陰に隠す道具より価値があります。

ここで失われるものの大半は、人が望む向きに失われている、とは言っておく価値があります。このページで変換されたファイルは、元のファイルが何を持っていたにせよ、位置情報も機器の製造番号も編集の履歴も運びません。ですから、それらの何ひとつ付いていない画像の複製が必要だったのなら、それはあとから確かめるものではなく保証です。何かを持っていたファイルの行はそう告げ、何も持っていなかったファイルの行は何も言いません。それこそが、この知らせを読む価値のあるものに保っています。

ここで可逆の WebP を出せない理由

WebP という一つの名前の下には、かなり違う二つの形式があります。非可逆モードはおおむね JPEG のように働き、場所を節約するために細部を捨てます。可逆モードはむしろ PNG のように働き、その方式で書かれたファイルは何度開いて書き直しても変わりません。ある WebP がそのどちらなのかはファイルが書かれるときに決まり、外から眺めて分かるものではありません。

ブラウザのキャンバスに頼めるのはメディアタイプと、ゼロと一のあいだの数値だけで、それがこの仕組みのすべてです。WebP の可逆モードを求める手立てはないので、このページが作る WebP はすべて非可逆の符号化です。画質のつまみの一番上もその例外ではありません。それはここで得られる最良の非可逆の符号化であって、可逆な複製ではありません。特定のブラウザが範囲の最上端をひそかに何かより良いものとして扱うかどうかは定められておらず、版によって違ってきました。だからこそこの道具はそれに頼らず、あなたがそこに立っているそのときに、その行でそう告げます。

• 確実に可逆な複製が必要なら、PNG を選んでください。このページが書ける唯一の可逆な形式で、どんな大きさのどんな絵でも可逆です。
• 可逆モードで書かれた WebP は、この道具を通ると可逆のままではいられません。それを WebP に変換すると非可逆に符号化し直されるので、結果は元とバイト単位で一致せず、画質のつまみを一番上に置いてもそれは変わりません。
• 写真ではこの区別ははるかに重要ではありません。ここへ来るずっと前から非可逆だったからです。そこでの本当の問いは、ある大きさでどちらの符号化がよく見えるかだけで、各結果の横に出る大きさが、あなたのそのファイルについてそれに答えます。

結果の各行が伝えていること

多くの変換の道具は黙って仕事をします。だから絵が横倒しになったり、黒い背景に乗ったり、動きを失ったりして、変換した本人はずっとあとで別の場所でそれに気づきます。ここでの変換はどれも、そのファイルに実際に何が起きたかの短い一覧を伴います。そして同じくらい大切なことに、特筆すべきことが何も起きなければ何も言いません。それが、この知らせを読み飛ばすものではなく読む価値のあるものに保っています。

• 絵が正しい向きに直され、幅と高さが入れ替わりました。携帯電話はたいてい、センサーが読んだままの向きで写真を保存し、どちらを上にして見るかを別に記録します。ここでの変換は復号されたピクセルから絵を描き直すので、そのような覚え書きはどの形式へも一緒には運べません。ですから向きを直す作業は本当に行われます。そのあと画面の数値はファイル管理ソフトが見せていたものとは違うので、入れ替わりは気づかれるのを待つのではなく告げられます。
• メタデータが落とされました。これは実際に何かを持っていたファイルにだけ現れます。だからこそ、誰のどの変換にも出る一行ではなく、目にしたときに意味を持ちます。
• 透明が塗りつぶされ、どの色に塗られたか。これは仮定ではなく、実際に測られています。スクリーンショットの多くは透明のチャンネルを持ちながら一ピクセルも使っていないので、この知らせは描かれた絵の中に本当に透けるピクセルが見つかるまで待ちます。透明のない PNG を JPG にしても何も言いません。
• 名前と中身が食い違っています。形式はつねにバイトで決まり、拡張子ではけっして決まらないので、誰かが PNG の拡張子を付けた JPEG は JPEG として正しく読まれ変換されます — そしてそのことは伝えられます。あなたのファイルについての、ほぼ確実に知らなかった本当のことだからです。
• 最初のフレームだけが残りました。フレームの連なりを持てる形式は WebP だけではありません。アニメーションする PNG はほかの PNG と何ら変わらない PNG であり、ブラウザの中ではアニメーションする WebP とまったく同じように動きます。このページは動くファイルを一つも書かないので、変換されるのは最初のフレームです。これはどの形式に変換しても同じで、元のファイルと同じ形式へ変換するときも同じです。
• この設定でも WebP は非可逆です。この知らせは画質のつまみの一番上でだけ現れ、ほかのどこにも現れません。それが正そうとしている思い込みを抱ける場所が、一番上だけだからです。

ファイルを変換できないところでは、道具は何かを作り出す代わりに理由を述べます。読める形式のどれでもないファイルは名指しで断られ、対応している形式ではあるがヘッダーが壊れているか途中で切れているファイルも同じで、ヘッダーは正しく見えたのにあなたのブラウザが復号できないと分かったファイルも同じです。何も推測されず、半端に済んだものが仕上がったかのように返されることもありません — これは上の知らせと同じ規則を、それが最も重要になる場面に当てはめたものです。

断りのひとつは前もって知っておく価値があります。この種の道具がそれで有名になった失敗だからです。ブラウザには保持する画像の大きさに上限があり、それは携帯電話とデスクトップで同じではなく、一台の機械の上の二つのブラウザでも同じではありません。そして上限を超えても誤りはまったく起きません — 数キロバイトの空の画像が静かに返され、誰かが開くまでは変換の成功に見えます。ですからこの道具は何かを描く前に、実際の出力の大きさで画像を確保し、既知のピクセルを書き込んでそれを読み返します。キャンバスが本当にそこになければ、変換は大きさを名指しして断られ、ファイルは作られません。この問いは決まった数値に照らすのではなく、ファイルごとにその大きさで尋ねられるので、あなたの端末が扱える絵が、他人のために選ばれた限界のせいで断られることはありません。

なぜここでは何もあなたの機械から出ていかないのか

このページの後ろにサーバーはありません。変換はあなたがこれを読んでいるブラウザのタブの中、あなた自身の機械のプロセッサで行われ、ファイルはどこへも送られません — 受け取る手段を持たないこのサイトへも、ほかの誰へもです。それはある日ひそかに変えられる方針ではありません。この道具ができているもの自体であり、それと違う働き方をする版は存在しません。

それを鵜呑みにする必要はなく、むしろこう述べることの要点はそこにあります。ブラウザの開発者ツールを開き、ネットワークのパネルを見ながらファイルを変換してください。何も出ていきません。このページはほかのどこでも動いていない静的なファイルの寄せ集めなので、いったん読み込まれてしまえば、ネットワークからすっかり切り離して好きなだけ変換を続けられます。

• 見知らぬ相手には送らない絵 — 契約書、医療の画像、社内のものを写したスクリーンショット — も、機械から出さないままここで変換できます。
• 変換されたファイルは、あなたがダウンロードするまでこのタブの中にしかありません。タブを閉じることがそれを消すことのすべてで、それについて訪問をまたいで覚えられるものは何もありません。
• カメラの情報が変換を生き延びられないので、ダウンロードするファイルは、元のファイルがどれだけ持っていたにせよ、位置情報も機器の詳細も運びません。