ファイル形式は見落とされがちですが、画質、ページ速度、ブラウザー互換性に直接影響します。
ウェブ画像形式に必要な条件
- 大切な細部を保てること。
- ダウンロードサイズを適度に小さくできること。
- 一般的なブラウザーやデバイスで表示できること。
多くのウェブサイトでは、よく知られた2つの形式、JPEG（.jpg）とPNG（.png）でこれらの条件を満たせます。どちらが適しているかは画像の内容によって変わります。
写真やグラデーションにはJPEG
JPEGは、ポートレート、旅行写真、イベント写真など、色数が多く滑らかな階調を含む画像に適しています。見た目の品質とファイルサイズのバランスに優れています。
くっきりした線や透明部分にはPNG
PNGは、文書ページ、UIのスクリーンショット、図、ロゴ、色数の少ないグラフィックに向いています。輪郭を鮮明に保ち、透明な領域も扱えます。
覚えやすい基本ルール
写真やポートレート：JPEG。
図、スクリーンショット、文書、ロゴ：PNG。