JPG・PNG・WebPの違いと選び方

結論：用途別の選び方

画像の種類	保存形式	理由
写真（カメラ・スマホ）	JPG、Webサイト用ならWebPも	非可逆圧縮で写真を小さくできる
スクリーンショット、グラフ、文字の多い画像	PNG	可逆圧縮で文字や線がくっきり残る
背景が透明なロゴ・アイコン	PNG、またはWebP	どちらも透過を保てる（JPGは不可）
提出先が形式を指定しているフォーム	指定どおりの形式	WebPを受け付けないフォームはまだ多い

3つの形式の違い

• JPG（JPEG） は非可逆圧縮です。目立ちにくい細部を省いて小さくするため写真には向きますが、文字や細い線の周りにはにじみ（ノイズ）が出ます。透過は扱えません。ほぼすべての機器・ソフトで開けます。
• PNG は可逆圧縮で、画素をそのまま保存します。スクリーンショットや単色の多い図はくっきりし、透過にも対応します。その代わり、写真をPNGで保存すると同じ写真のJPGより数倍大きくなるのが普通です。
• WebP は非可逆・可逆の両方と透過に対応します。写真なら同程度の見た目でJPGより小さくなることが多い形式です。主要な最新ブラウザは表示できますが、古いソフトや画像編集アプリ、提出フォームの中には受け付けないものがあります。

JPGをPNGに変換しても、JPGの圧縮で失われた細部は戻りません。ファイルが大きくなるだけです。

例：ブログ記事用の画像を用意する

次の2つのファイルがあるとします。

1. umi.jpg — スマホで撮った 4032 × 3024 の写真
2. settei.png — アプリの設定画面のスクリーンショット

おすすめの手順は次のとおりです。

• umi.jpg：画像サイズ変更でページに表示する幅（例：1600px）に縮小し、画質80前後のWebPかJPGで保存する。
• settei.png：PNGのままにする。JPGにすると文字がぼやけます。

変換ツールでの手順

1. JPG・PNG・WebP変換を開き、画像を選ぶ（またはドラッグ＆ドロップ）。
2. 「変換後の形式」でJPEG・PNG・WebPのいずれかを選ぶ。
3. JPEG・WebPでは「画質」を調整する。値を下げるほど小さくなり、劣化も目立ちやすくなります。
4. 透明部分のある画像をJPEGにするときは、「透明部分の色（JPG）」で白か黒を選ぶ（JPEGは透過を保存できないため）。
5. プレビューと結果に表示されるサイズを確認し、「画像を保存」を押す。

変換はブラウザ内で行われ、画像はアップロードされません。

よくあるトラブル

• WebPを選べない：Safariなど一部のブラウザは、WebPを表示できても保存（書き出し）ができません。このツールは、実際に保存できるブラウザでのみWebPを表示します。WebPが必要な場合は別のブラウザをお試しください。
• 透明だった背景が白（黒）になった：JPEGで保存したためです。透過を残すにはPNGかWebPを選びます。
• PNGにしたら元のJPGよりずっと大きくなった：PNGは画素をそのまま保存するので正常な動作です。写真はJPGかWebPにしましょう。
• 撮影場所などの情報が消えた：変換時に画像を描き直すため、位置情報を含むEXIFなどのメタデータは新しいファイルにコピーされません。EXIFの回転情報は保存前に反映されるので、向きは正しいままです。
• 提出フォームで容量オーバーになる：形式の変換だけでは足りない場合は、画像圧縮（KB指定）で目標サイズを指定してください。