JPEG・PNG・WebPの違いと使い分け：求人画像はどれで出すか

画像を保存するときに出てくるJPEG・PNG・WebPという選択肢は、どれも「画像を記録する方法」の違いです。どれを選んでも写真は写真として見えますが、ファイルサイズと、扱えることの範囲が変わります。

3つの違いを一枚で

	JPEG	PNG	WebP
得意な絵柄	写真・階調のあるもの	文字・図版・くっきりした線	どちらもこなす
透明	扱えない	扱える	扱える
保存し直したとき	そのつど少しずつ劣化する	劣化しない	画質を指定すると劣化する
求人媒体での対応	広く対応	広く対応	対応を明記した媒体は確認できず

同じ絵を3つの形式で書き出して比べる

実際に同じ絵を書き出して測った結果です。

絵柄	JPEG（85%）	PNG	WebP（85%）
写真（1200×900）	138 KB	1,812 KB	102 KB
文字・図版（1200×900）	54 KB	28 KB	15 KB
ロゴ（400×400）	7 KB	12 KB	5 KB

写真をPNGにすると13倍になります。逆に、文字や図版はPNGのほうが半分ほどで済みます。絵柄によって向き不向きがはっきり分かれるのが、この表からわかります。

なぜ絵柄で差が出るのか

JPEGは「隣り合う色の変化がなだらかなら、細かい違いは捨ててよい」という考え方で記録します。写真はこの前提に合うため小さくなりますが、文字のように色が急に切り替わるところは苦手で、輪郭のまわりにモヤのような乱れが出ます。

PNGは「同じ色が続くならまとめて記録する」という考え方です。ベタ塗りの図やスクリーンショットはよく縮みますが、写真のように全画素の色が少しずつ違うものではまとめようがなく、ほとんど縮みません。

透明を扱えるかどうか

ロゴを背景なしで用意したい場合、選べるのはPNGかWebPです。JPEGは透明を扱えない形式なので、透過のある画像をJPEGで保存すると、透明だった部分は何らかの色で塗りつぶされます。多くの場合は白か黒になります。

保存し直すたびに劣化する形式がある

JPEGは、開いて保存するたびに情報が少しずつ失われます。1回や2回では見分けがつきませんが、「受け取ったJPEGを開いて少し直して保存」を何度も繰り返すと、輪郭のまわりの乱れが積み重なって見えてきます。

これを避けるには、元データを残しておき、加工は毎回そこから行うのが確実です。JPEGから作ったJPEGをまたJPEGにする、という流れを断てます。

WebPをどう考えるか

WebPは今回の計測でどの絵柄でもいちばん小さくなりました。写真でJPEGの74%、文字・図版では28%です。自社の採用サイトのように、表示する場所を自分で管理できるところでは表示速度の面で効いてきます。

一方、求人媒体に入稿する画像としては、2026年9月時点で調べた範囲では対応形式としてWebPを挙げている国内の求人媒体は確認できませんでした。確認できた対応形式は、engageがpng・jpg、求人ボックスがJPG・PNG・静的GIF・HEICです。「明示的に拒否している」という記述を見つけたわけではありませんが、掲載先が対応を明示していない場合は、JPEGまたはPNGを選んでおくと確認の手間が減ります。

迷ったときの選び方

まとめ

• 写真はJPEG、文字・図版・透過が要るものはPNG。実測でも同じ結論になる
• JPEGは透明を扱えず、保存し直すたびに少しずつ劣化する
• WebPはどの絵柄でも小さいが、求人媒体での対応は確認できていない
• 元データを残し、加工は毎回そこから行うと劣化が積み重ならない