deftivo

JPG・PNG・WebPの違いと変換方法|用途別の選び方

JPG・PNG・WebPの違いを圧縮方式・透過・容量・互換性で比べ、写真やロゴなど用途別の選び方を解説します。WebPがアップロードできないときの対処や、ブラウザ内で無料でできる形式変換の手順も紹介します。

画像を保存するとき、「JPG」「PNG」「WebP」のどれを選べばよいか迷ったことはありませんか。どれも同じ画像に見えますが、ファイルの大きさや背景を透明にできるかどうか、開けるアプリの多さに違いがあります。

ネットで保存した画像がWebPになっていて、SNSや役所の申請フォームにアップロードできなかった、という声もよく聞かれます。この記事では、3つの形式の違いと用途別の選び方、そして形式を変換する方法をまとめて紹介します。

JPG・PNG・WebPの違いを表で比べる

まずは3つの形式の特徴を一覧で見てみましょう。

項目 JPG(JPEG) PNG WebP
圧縮方式 非可逆圧縮(保存のたびに画質が少し落ちる) 可逆圧縮(画質が落ちない) 非可逆・可逆の両方に対応
透過(背景を透明にする) できない できる できる
容量 写真なら小さい 写真だと大きくなりやすい 同じ見た目なら小さくしやすい
互換性(開けるアプリの多さ) ほぼすべてで開ける ほぼすべてで開ける 新しいブラウザは対応、古いソフトや一部のサービスは未対応のことがある
向いている用途 写真 ロゴ、スクリーンショット、透過画像 Webサイトに載せる画像

JPGは写真向き

JPGは、人の目で気づきにくい細かな情報を省いてファイルを小さくする形式です。色の変化がなめらかな写真と相性がよく、スマートフォンやデジタルカメラの多くもこの形式で保存します。

ただし、文字や線がくっきりした画像をJPGにすると、輪郭のまわりにモヤモヤしたノイズ(ブロックノイズ)が出やすくなります。また、保存し直すたびに少しずつ画質が落ちる点にも注意が必要です。

PNGはロゴ・スクリーンショット・透過画像向き

PNGは画質を落とさずに保存できる形式です。文字や図形の輪郭がくっきり残るため、パソコンの画面を撮ったスクリーンショットや、ロゴ、イラストに向いています。背景を透明にできるのも大きな特徴です。

その反面、写真をPNGで保存すると、JPGより何倍も大きなファイルになることがあります。メールに添付したり、容量制限のあるフォームに送ったりするときは気をつけましょう。

WebPはWebサイト向き

WebP(ウェッピー)は、Webページを軽く表示するために作られた比較的新しい形式です。写真のような画像も、透過のある画像も、JPGやPNGより小さく保存しやすいのが特長です。

一方で、古い画像編集ソフトや、一部のアプリ・Webサービスでは扱えないことがあります。自分のサイトに載せるにはとても便利ですが、人に渡したり、どこかへ提出したりする用途ではJPGやPNGのほうが安心です。

WebP画像がアップロードできないときの対処

ブラウザで画像を保存すると、ファイル名の末尾が「.webp」になっていることがあります。多くのWebサイトが表示を速くするためにWebPで画像を配信しているためです。

このファイルを、WebPに対応していないアプリやサイトに送ろうとすると、「対応していない形式です」と表示されたり、選択画面にファイルが出てこなかったりします。こうしたときは、次のように対処できます。

対処法 内容 向いている場面
JPGに変換する 写真ならファイルが小さく、ほぼどこでも受け付けられる 写真・SNS投稿・申請フォーム
PNGに変換する 画質を落とさず、透過も残せる ロゴ・図・透過画像
元の画像を別の形で入手する 配布元がJPGやPNGを用意していればそれを使う 公式素材など

なお、ファイル名の「.webp」を「.jpg」に書き換えるだけでは、中身はWebPのままです。開けなかったり、送信先でエラーになったりするので、必ず変換ツールで形式そのものを変えてください。

PNGをJPGにすると透過部分はどうなる?

JPGには透明という考え方がありません。そのため、背景が透明なPNGをJPGに変換すると、透明だった部分は何らかの色で塗りつぶされます。一般的には白や黒になることが多く、変換するツールによって色が異なります。DeftivoのJPG・PNG変換ツールでは、白で塗りつぶされます。

ロゴやアイコンを、色付きの背景の上に重ねて使う予定なら、JPGにはせずPNGかWebPのまま使いましょう。反対に、白い紙に印刷する、白い背景のページに貼るといった用途であれば、JPGにしても見た目の問題は起きにくいです。

GIF・BMPの画像も変換できる

古いファイルの中には、GIFやBMPという形式の画像もあります。

形式 特徴 変換先のおすすめ
GIF 色数が少なく、動く画像(アニメーション)に使われる 静止画ならPNG
BMP 圧縮しないため、容量がとても大きい 写真ならJPG、図ならPNG

BMPはほとんど圧縮されていないので、JPGやPNGに変えるだけで容量が大きく減ることがあります。なお、動くGIFを静止画の形式に変換すると、基本的に1コマだけの画像になる点に注意してください。

Deftivoで画像の形式を変換する手順

DeftivoのJPG・PNG変換ツールは、ブラウザの中だけで処理を行うため、画像がサーバーにアップロードされることはありません。個人の写真や仕事の資料でも安心して使えます。

  1. 画像を選ぶか、画面にドラッグ&ドロップします(JPG・PNG・WebP・GIF・BMPに対応)。
  2. 「変換先」で「PNG」「JPG」「WebP」のいずれかを選びます。
  3. JPGかWebPを選んだ場合は、ファイルを小さくしたいときに「JPG・WebPの画質」を調整します。
  4. 「変換する」を押し、画像を1枚ずつ、または「すべてダウンロード(ZIP)」でまとめてダウンロードします(ZIPは複数ファイルを1つにまとめた圧縮ファイルです)。

複数の画像を一度に変換できるので、WebPで保存してしまった画像をまとめてJPGに戻したいときにも便利です。

とにかくファイルを小さくしたい場合は、画像圧縮ツールも使えます。画質に加えて「最大の幅」(画像の横の長さの上限)も指定できるので、大きすぎる写真を小さくしたいときに向いています。なお、「形式」が「自動(最小サイズ)」のままだと、JPGはJPGのまま、PNGとWebPはWebPで保存されます。JPGで保存したい場合は「形式」で「JPEG」を選んでください。

iPhoneの写真(HEIC)は別のツールで

iPhoneで撮った写真は、設定によってはHEIC(ヘイク)という形式で保存されます。HEICは容量が小さい反面、パソコンやWebサービスで開けないことがあります。HEICの写真をJPGやPNGにしたいときは、HEIC→JPG変換ツールを使ってください。こちらも複数枚まとめて変換し、ZIPでダウンロードできます。

形式選びと変換の注意点・コツ

最後に、失敗しないためのポイントをまとめます。

  • 迷ったら「写真はJPG、それ以外はPNG」:この2つはほとんどの環境で開けるので、人に渡す画像ならまず困りません。
  • JPGの保存し直しは控えめに:編集と保存をくり返すと、少しずつ画質が落ちます。元の画像は別に残しておきましょう。
  • 画質の数値は下げすぎない:JPGやWebPの画質を大きく下げると、ファイルは小さくなりますが、ぼやけやノイズが目立ちます。仕上がりを確認しながら調整するのがおすすめです。
  • JPGをPNGにしても画質は戻らない:一度落ちた画質は、PNGにしても元には戻りません。容量が増えるだけのこともあります。
  • 提出先の指定を確認する:申請フォームなどでは、形式や容量の上限が決められていることが多いです。先に条件を確かめてから変換しましょう。

よくある質問

JPGとJPEGは違う形式ですか?

同じ形式です。正式な名前は「JPEG」で、ファイル名の末尾が「.jpg」になっているものも「.jpeg」になっているものも中身は変わりません。昔のパソコンで拡張子が3文字に限られていた名残で、「.jpg」が広く使われています。

WebPをJPGに変換すると画質は落ちますか?

JPGは非可逆圧縮なので、変換するときにわずかに画質が落ちることがあります。ただ、画質の設定を高めにしておけば、見た目ではほとんど違いがわからない程度に抑えられます。画質をできるだけ保ちたいなら、PNGに変換する方法もあります。

透過PNGの背景を残したままJPGにできますか?

できません。JPGには透明を表す仕組みがないため、透明な部分は何らかの色で塗りつぶされます。背景を透明のまま使いたい場合は、PNGかWebPのまま保存してください。

変換した画像はどこかに保存されますか?

Deftivoのツールは、すべての処理をお使いのブラウザの中で行います。画像がサーバーに送られることはなく、変換結果は自分のパソコンやスマートフォンにダウンロードされるだけです。ページを閉じれば、ブラウザ上のデータも消えます。

この記事で使うツール

ほかのガイド