JPG と PNG はどちらを使うべき？
JPG と PNG は最もよく使われる画像形式です。選び方を間違えると、文字がぼやけたり、ファイルが巨大になったり、透明のはずの背景が白い四角になったりします。正しい選び方を紹介します。
写真には JPG（または WebP）
写真はなめらかなグラデーションと膨大な色数を持っています。JPG はこれをとても効率よく圧縮でき、画質 80〜90 なら劣化はほとんど分かりません。同じ写真を PNG にすると、見た目の利点がないまま数倍の大きさになることがよくあります。
スクリーンショット、文字、図には PNG
JPG で圧縮すると、くっきりした輪郭の周りにうっすらとにじみが出て、文字や線では特に目立ちます。PNG なら輪郭がくっきりしたままです。書類、コード、画面のスクリーンショットは、ほぼ必ず PNG にしましょう。
ロゴや透明な背景が必要なものには PNG
透明を保存できるのは PNG（と WebP）だけです。JPG で保存したロゴには必ず四角い背景が付きます。ロゴの元データは PNG か SVG で保管し、サービスに求められたときだけ JPG 版を作りましょう。
Web サイトには WebP も検討を
Google によると、可逆圧縮の WebP 画像は PNG より 26% 小さく、非可逆圧縮の WebP 画像は同等の JPG より 25〜34% 小さくなります。現在の主要ブラウザはすべて WebP を表示できるため、Web 用画像の標準として適しています。JPG から WebP への変換ツールならブラウザ上で変換できます。
JPG の上書き保存を繰り返さない
JPG を開いて編集し、また JPG で保存するたびに再圧縮され、画質が少しずつ落ちていきます。何度も編集する写真は PNG のコピーで作業し、完成版だけを一度 JPG か WebP で書き出しましょう。