Switching

JPGからPNGへの変換

JPG画像を、透過に対応したPNG形式に変換します。複数枚の画像を一括で処理でき、すべての変換処理はお使いのブラウザ上で実行されるため、ファイルが外部サーバーに送信されることはありません。

JPGファイルを選択してください

複数のファイルをまとめてドラッグ&ドロップできます

ご利用手順

  1. 1

    上のエリアにJPGファイルをドラッグ&ドロップするか、クリックしてファイルを選択します。一度に複数枚のファイルを選択することも可能です。

  2. 2

    「変換する」ボタンをクリックすると、各ファイルが順次処理されます。変換の進捗状況はファイルごとにリアルタイムで表示されます。

  3. 3

    変換が完了したPNG画像は、ファイルごとに個別にダウンロードするか、複数ある場合はZIPファイルにまとめて一括ダウンロードできます。

よくあるご質問

なぜJPGからPNGに変換するのですか?
PNGは可逆圧縮(無劣化)のため画質の劣化が発生せず、透過背景(アルファチャンネル)にも対応しています。ロゴやイラスト、アイコンなどの輪郭をくっきり保ちたい場合や、他の画像と合成する素材として保存したい場合には、PNG形式が適しています。
変換後に元のファイルよりも容量が大きくなるのはなぜですか?
JPGは不可逆圧縮を採用しているため、無劣化圧縮のPNGに比べてファイルサイズが小さくなるのが一般的です。そのため、風景写真などの緻密な画像をPNGに変換すると、ファイル容量が大きくなる場合があります。容量を抑えたい場合は、再度JPGに変換するか、画像サイズ調整(リサイズ)ツールをご利用ください。
変換すると自動的に背景が透過(透明)になりますか?
元のJPGファイルには透過情報が含まれていないため、PNGに変換しただけで自動的に背景が透明になることはありません。画像データ自体は維持されたまま、PNG形式のファイルとして保存されます。背景を透過させる(切り抜く)には、専用の背景透過・除去ツールが必要です。

JPGとPNGは何が違うのか

画面上では同じに見えても、仕組みは正反対です。JPGは人の目が捉えにくい情報を捨てる「非可逆圧縮」で、ファイルを小さくでき、色がなめらかにつながる写真に向いています。PNGは元のピクセルを一つも捨てない「可逆圧縮」で、背景の透過(アルファチャンネル)も扱えるため、ロゴ・アイコン・文字をくっきり見せたい素材に適しています。

PNGにすると本当に重くなるのか — 実測しました

「PNGは可逆圧縮だから重い」という説明は半分しか当たっていません。性質の異なる画像を3種類つくり、同じ条件でエンコードして実際のバイト数を測りました。原本はいずれも1600×1067(1.71MP)、エンコーダはlibvips 8.18.3です。

原本の種類JPG 品質80PNG(可逆)PNGはJPGの
写真(粒状感のある実写)269 KB3,591 KB13.3倍
フラットな図版(ロゴ・イラスト)29 KB23 KB0.8倍
画面キャプチャ(文字中心)97 KB94 KB1.0倍
同じ原本を形式だけ変えてエンコードした実際のファイルサイズ。生成・測定スクリプトはリポジトリに同梱しており、同じ数値を再現できます。

結果は画像の種類ではっきり分かれました。写真をPNGにすると13.3倍に膨らみ、明らかに不利です。ところが色数の少ないフラットな図版ではPNGのほうがJPGより小さく(23 KB対29 KB)、画面キャプチャもほぼ互角でした(94 KB対97 KB)。つまりロゴやスクリーンショットでは、容量をほとんど損なわずに画質だけ可逆で守れます。「PNGは常に重い」という通説が当てはまるのは写真だけ、ということです。

境界線で実際に起きていること

容量だけを見るとキャプチャ画像はどちらでも同じに見えます。違いは拡大すると現れます。下は同じ図形の境界を6倍に拡大したもので、左がPNG、右がJPG品質60です。

PNGとJPG品質60の色の境界の比較。JPG側の境界にピンク色のにじみとムラが見える。
JPGは境界のまわりに元々なかったムラ(リンギング)をつくる。PNGはピクセルをそのまま保つ。

JPGは8×8ピクセル単位で圧縮するため、色が急に変わる境界では原本になかったノイズが生まれます。写真では目立ちませんが、ロゴの縁や小さな文字では汚れとして見えてしまいます。下は文字を4倍に拡大したものです。

PNGとJPG品質40の文字の比較。JPG側は文字まわりの背景にムラが出ている。
本来は純白であるべき文字まわりの背景が、JPGではムラのある灰色に変わる。

背景透過をめぐるよくある誤解

最も多い勘違いが「JPGをPNGに変換すれば背景が自動で透明になる」というものです。透過はPNG形式が対応している仕様にすぎず、変換しただけで既存の白い背景が消えるわけではありません。背景を透明にするには、先に画像編集ツールで被写体を切り抜き、その上でPNGとして書き出す必要があります。変換は透過情報を格納できる「器」を用意する工程にすぎません。

では、いつPNGに変換すべきか

  • 背景を透過させて使うロゴ・アイコン — どんな背景色の上にも重ねられます。
  • スクリーンショットやUIのキャプチャ — 上の実測どおり容量の損はほぼなく、文字がにじみません。
  • 何度も編集して保存し直す作業用ファイル — 保存を繰り返しても画質が削れません。
  • 逆に背景が詰まった写真はJPGのままが適切です。PNGにしても画質の利点はなく容量だけ増えます。

関連ガイド

関連ツール