JPG と PNG の違いは?
JPG は写真向きで非可逆圧縮を使います。PNG は透明度に対応し、図版、スクリーンショット、ロゴに向きますが大きくなりがちです。
JPG は写真向きで非可逆圧縮を使います。PNG は透明度に対応し、図版、スクリーンショット、ロゴに向きますが大きくなりがちです。
WebP は Web 向けの新しい画像形式です。非可逆、可逆、透明度、アニメーションに対応し、JPG や PNG より小さくなることがあります。
AVIF は強い圧縮で小さなファイルを作れる新しい形式です。対象ブラウザやプラットフォームが対応している場合に便利です。
多くの場合は小さくできますが、常にではありません。JPG は互換性が高く、アップロード先で要求されることがあります。
WebP は透明度を保ちながら小さくできることがあります。正確な図形や PNG 指定の作業では PNG も有効です。
AVIF は一部の写真でより小さくできますが、WebP の方が互換性は広いです。品質と対応状況が重要なら両方試します。
全画像に共通する答えはありません。Web 画像では AVIF や WebP が小さくなりやすく、単純な透明図形では PNG が合うこともあります。
多くのサイトでは WebP が実用的な標準です。互換性、透明度、編集やアップロード要件によって JPG や PNG を選びます。
PNG、WebP、AVIF は透明度に対応できます。JPG は透明度を持てないため、背景色を入れて書き出します。
Web サイト用の写真では WebP 化で軽くなることが多いです。JPG 指定や古い互換性が必要な場合は JPG も残します。