JPG・PNG・WebP、どの画像形式を使うべきか

写真にはJPG、スクリーンショットやロゴ、透明部分が必要な画像にはPNGを使い、送り先が対応していて容量を抑えたい場合はWebPを選びます。選び方のポイントは、形式が非可逆か可逆か、そして透明度に対応しているかの2点です。画像の内容と表示先に合う形式を選びましょう。

画像を変換JPGが必要だけどPNGしかない無料で使う

非可逆と可逆をわかりやすく

非可逆形式は、ファイルを小さくするために細部を一部削ります。削る量は選べます。可逆形式はすべてのピクセルをそのまま保ちますが、写真は細部が多いため、あまり小さくなりません。JPGは非可逆、PNGは可逆で、WebPはどちらにもできます。同じファイルを何度も保存すると劣化が積み重なるため、毎回元のファイルから変換してください。

用途別の形式

• 写真：JPG。容量が小さく、幅広く使われ、自然な色合いをうまく扱えます。
• スクリーンショット、図表、画面のキャプチャ：PNG。文字やベタ塗りの色がくっきり残ります。
• ロゴや切り抜き画像：PNGかWebP。どちらも透明な部分を保持できます。JPGは透明度を扱えません。
• Webページの画像：WebP。サイト側の要件がある場合は、JPGやPNGを代替として残しておきます。

形式	圧縮方式	透明度	向いている用途	注意点
JPG	非可逆	なし	写真、メール、フォーム	文字の周りにノイズが出やすく、透明度なし
PNG	可逆	あり	スクリーンショット、ロゴ、図表	写真に使うと大きくなりやすい
WebP	非可逆または可逆	あり	Webページや最新のアプリ	古いソフトでは開けない場合がある
AVIF	非可逆または可逆	あり	最新のブラウザで軽い画像を使いたい場合	古いソフトでの対応が少ない

ブラウザとアプリの対応

現在の主要なブラウザはWebPを表示でき、AVIFに対応しているものも多くあります。ただ、古いブラウザ、メールソフト、デスクトップアプリ、アップロードフォームでは対応状況が確実ではありません。フォームには対応形式が書かれていることが多いので、まず確認してください。フォームがJPGやPNGを指定している場合は、WebPやAVIFの方が小さくても、指定された形式を使いましょう。

画質を落としすぎずに変換するコツ

• 元のファイルは残し、元の画像ではなくコピーを変換してください。
• 写真をJPGに変換するときは、高画質の設定を使いましょう。
• JPGをPNGに変換しても、失われた細部は戻りません。できるだけ質の高いファイルから始めましょう。
• 透明な画像をJPGで保存すると、透明部分は白や黒などのベタ塗りの色で埋められます。

容量を小さくしたい場合は、変換後に画像を圧縮してください。ピクセルサイズの調整については、フォーム向けのリサイズガイドをご覧ください。

メール、印刷、アップロードでの選び方

メールや日常的な共有では、写真ならJPGが最も安全な選択です。ほぼすべてのプログラムやサービスが対応しているからです。シャープな線のある画像、たとえはっきり印刷したいロゴなどは、通常PNGの方が適したファイルになります。フォームや印刷サービスが独自の対応形式を指定している場合は、その指定を一般的なルールより優先してください。

簡単な判断リスト

1. 画像に透明度が必要ですか？ それならPNGかWebPを使いましょう。
2. 透明度のない写真ですか？ JPGを使いましょう。送り先がWebPに対応している場合はWebPでも構いません。
3. 文字、スクリーンショット、図表ですか？ PNGを使いましょう。
4. フォームや古いプログラムに送りますか？ フォームやプログラムが指定する形式を使いましょう。

形式によってファイルサイズが異なる理由

いつも最も小さくなる形式はありません。同じ写真でも、近い画質で比べればJPGよりWebPやAVIFの方が小さくなることがあります。一方で、単純なベタ塗りのグラフィックはJPGよりPNGの方が小さくなることもあります。サイズは主に画像の内容で決まるため、経験則に頼らず、実際のファイルを比べて確かめてください。

可逆形式の元データを残す

可能であれば、元のデータは可逆形式で保管しましょう。スクリーンショットのPNGやカメラの原本などです。非可逆形式のコピーは、特定の用途に合わせて作ります。そうしておけば、劣化したコピーから始めることなく、後からJPG、WebP、小さいファイルをいつでも作れます。

透明度に関する注意点

PNGやWebPは、ぼかしや薄い影などの柔らかいエッジを保持できます。そのため、薄い影やぼけた輪郭のあるロゴも、色付きの背景の上で滑らかに見えます。JPGはこのエッジを保存できないため、影は単色の背景に重ねて平坦になるか、失われてしまいます。ロゴをさまざまな背景に配置する必要がある場合は、透明版をマスターファイルとして保管し、JPGのコピーはJPGが求められる場所にだけ作ってください。まだ透明版がない場合は、まず背景を削除してください。透明なPNGをJPGで保存すると何が起こるかについては、透過PNGが黒くなる理由で解説しています。

fixmintでの手順

1. フォームやアプリが受け付ける形式を確認します。その指定は上記の一般的なルールより優先されます。
2. 元のファイルを画像を変換ツールにドラッグ＆ドロップします。
3. 変換形式で、写真ならJPG、スクリーンショットやロゴ、透明部分がある画像ならPNGを選びます。WebPは送り先が対応している場合のみ選びましょう。
4. JPGの場合は画質を92以上に設定し、ファイルをダウンロードします。複数のファイルは「すべてダウンロード (.zip)」を使ってください。
5. それでもファイルが大きすぎる場合は、画像を圧縮してください。

よくある質問

JPGとPNGではどちらが良いですか？ 写真にはJPGが適しています。ファイルがかなり小さくなるからです。スクリーンショット、文字、透明なロゴにはPNGが適しています。エッジがくっきり残るからです。

WebPは安心して使えますか？ Webサイトであれば、現在のブラウザでは問題なく使えます。メール、フォーム、デスクトップアプリでは、受け取る側がWebPに対応していると確認できない限り、JPGの方が安全です。

透明なロゴの周りに白い枠が出るのはなぜですか？ JPGで保存されているためです。JPGは透明度を保存できません。画像を変換ツールを使って、PNGかWebPで保存し直してください。