画像の保存形式についての解説
① JPEG（.jpg / .jpeg）
写真向きの画像形式です。圧縮率が高く、ファイルサイズを小さくできます。
- 写真・風景・人物画像に向いている
- フルカラー対応（約1677万色）
- 透明背景は不可
- 保存時に画質が劣化（非可逆圧縮）
例：photo.jpg
② PNG（.png）
画質を保ったまま保存できる形式です。ロゴや図形向きです。
- 画質劣化なし（可逆圧縮）
- 透明背景に対応
- 文字・イラスト・UI素材に最適
- JPEGよりファイルサイズが大きくなりがち
例：logo.png
③ GIF（.gif）
アニメーション対応の軽量画像形式です。
- 256色までの制限あり
- 簡単なアニメーションが可能
- 透過は可能だが半透明は不可
- 写真には不向き
例：icon.gif
④ WebP（.webp）
Googleが開発した新しい画像形式です。Web向けに最適化されています。
- JPEG・PNGより高圧縮
- 透明背景・アニメーション対応
- 画質と容量のバランスが良い
- 古いブラウザでは非対応の場合あり
例：image.webp
⑤ SVG（.svg）
画像ではなく「ベクター形式」のデータです。拡大しても劣化しません。
- ロゴ・アイコン向き
- 拡大縮小しても画質劣化なし
- テキストとして編集可能
- 写真には不向き
例：icon.svg
⑥ 保存形式の使い分けまとめ
- 写真 → JPEG / WebP
- ロゴ・図形 → PNG / SVG
- アニメーション → GIF / WebP
- Web最適化 → WebP