JPG、PNG、WebP:どの形式を使うべき?

同じ写真でも、JPGなら200 KB、PNGなら1.5 MB、WebPなら140 KBになることがあります。形式によって、ファイルサイズも見た目も、使える場所も変わります。このガイドでは、それぞれの形式が何を得意とするかを説明します。数秒で最適な形式を選べるようになります。

JPG:写真の標準形式

JPG(JPEGとも書きます)は、目にほとんど分からない細部を削って、写真を圧縮します。あらゆるプログラム、スマートフォン、ウェブサイト、プリンターが対応しているので、相手が何に対応しているか分からないときに、いちばん安全な選択です。

  • 向いているもの:写真や、色がなめらかに変化する画像すべて。
  • 弱点:透過ができないこと。画質が低いと、文字や細い線がぼやけて見えることがあります。
  • 画質:非可逆圧縮。保存し直すたびに、少しずつ劣化します。

PNG:くっきりしたグラフィックと透過

PNGは細部を失わずに圧縮でき、透明な部分も持てます。そのため、ロゴ、アイコン、スクリーンショット、グラフ、イラストに最適な形式です。写真では、ファイルがとても大きくなります。写真は細かな色の変化が多すぎて、劣化なしではうまく圧縮できないからです。

  • 向いているもの:ロゴ、操作画面のスクリーンショット、文字、背景を透明にしたい画像。
  • 弱点:写真だと、ファイルが大きくなること。
  • 画質:可逆圧縮。保存し直しても劣化しません。

WebP:ウェブ向けの小さなファイル

WebPは、ウェブサイト向けに作られた形式です。JPGのような非可逆モードでも、PNGのような可逆モードでも使え、透過にも対応しています。見た目の画質が同程度なら、WebPの写真はJPGより4分の1から3分の1ほど小さくなることが多いです。現在のブラウザはすべてWebPを表示できますが、古いプログラムや印刷店、アップロードフォームの中には、まだ対応していないものもあります。

  • 向いているもの:見る人の環境を自分で決められるウェブサイトやアプリ。
  • 弱点:どこでも使えるわけではないこと。特に古いソフトや、一部の公的なポータルサイトでは非対応です。
  • 画質:非可逆でも可逆でも、選べます。

選び方

  • 官公庁のサイト、試験の申込サイト、求人応募へのアップロード:特に指定がなければJPG。
  • ウェブサイトやブログの写真:WebP。予備としてJPGも用意。
  • ロゴ、アイコン、スクリーンショット、背景が透明な画像:PNG。
  • 知らない相手にメールやチャットで写真を送る:JPG。
  • 印刷:印刷するサイズで、最高画質のJPGかPNG。

形式の変換でできること、できないこと

形式を変えても、画像が良くなるわけではありません。小さなJPGをPNGにすると、細部は同じままで、ファイルが大きくなるだけです。背景が透明なPNGをJPGにすると、透明な部分が塗りつぶされます。このツールでは白で塗りつぶします。JPGをWebPにするとファイルが小さくなることがありますが、最初のJPG圧縮で失われた細部は、元には戻りません。

よくある質問

WebPはJPGより優れていますか?

ウェブサイトでのファイルサイズなら、たいていはWebPのほうが優れています。互換性では、どこでも使えるJPGのほうが上です。WebPが受け付けられると分かっているときはWebP、分からないときはJPGを使いましょう。

PNGがJPGよりずっと大きいのはなぜですか?

PNGはすべての細部を残します。写真には細かな色の違いが何百万もあるため、可逆形式のファイルは大きくなります。写真には、JPGかWebPが向いています。

WebPをJPGに変換できますか?

はい。WebPファイルを追加して、「形式」でJPGを選び、結果をダウンロードしてください。透明な部分は白になります。

ほかのガイド