ウェブに最適な画像形式

最速のウェブサイトは、画像を圧縮するだけでなく、それぞれに正しい形式を使っています。ここでは、ウェブで実際に使う形式についてのシンプルな判断ガイドを紹介します。

写真

写真にはデフォルトで WebP を、最も重要な画像には AVIF を使いましょう。どちらもサイズで JPEG を上回ります。JPEG はレガシーなソフトに対応する必要があるときだけ残してください。

ロゴ・アイコン・フラットなグラフィック

単純な図形や文字には、無限に拡大でき非常に小さいまま保てる SVG が理想的です。SVG が選べない場合は、鮮明なエッジと透明度のために PNG を、より小さな透明ファイルのために WebP を使ってください。

スクリーンショットと UI

スクリーンショットは文字や鮮明なエッジを含むことが多く、その場合は PNG や可逆 WebP の方が JPEG よりきれいに見えます。スクリーンショットが主に写真的な内容なら、高画質の WebP も適しています。

透明度が必要な画像

PNG、WebP、AVIF を使いましょう。透明度を保存できず単色の背景が追加されてしまう JPEG は避けてください。

シンプルな目安

• 現代的なサイトの写真：WebP、メインビジュアルには AVIF。
• ロゴやアイコン：SVG、それ以外は PNG か WebP。
• 文字入りのスクリーンショット：PNG か可逆 WebP。
• 最大の互換性が必要：JPEG か PNG。

形式を選んだら、圧縮を忘れずに。CompressEasy では、これらいずれの形式へもブラウザ内で直接変換・圧縮できます。