画像ファイル形式一覧
画像のファイル形式、JPG、JPEG、PNG、GIF、WebPは、画像ファイルのサイズを圧縮し、画像データを保存する方法です。
| ファイル形式 | 拡張子 |
|---|---|
| WEBP | 「.webp」 |
| JPG形式 | 「.jpg」「.jpeg」 |
| PNG | 「.png」 |
| GIF | 「..gif」 |
| APNG | 「.APNG」 |
| ファイル形式 | 圧縮 | 特徴 |
|---|---|---|
| WEBP | 不可逆圧縮 | 1677万色 透過可能 |
| JPG | 不可逆圧縮 | 1677万色 高画質・容量が小さい |
| PNG | 可逆圧縮 | PNG-24 1677万色 PNG-8 256色 透明・半透明も可能 |
| GIF | （アニメーション） | 最大256色 容量が小さい 透明が可能 |
| APNG | （アニメーション） | 1677万色 透明・半透明も可能 |
不可逆圧縮と可逆圧縮
不可逆圧縮は一度圧縮した画像データは元の画質に戻すことができない。保存するたびに圧縮されるので繰り返すと画質が劣化する。
- JPGとWEBPは不可逆圧縮で元の画像に戻すことはできない
可逆圧縮は画質は劣化しないが、データ量が大きくなる場合がある。
無圧縮のファイル形式
| BMP | 「.bmp」 画質の劣化がない |
各ウェブサイトの画像ファイル形式一覧
GoogleはWEBPを推奨
| ニュースサイト | ファイル形式 |
|---|---|
| NHKニュース | JPEG |
| スポニチアネックス | JPEG |
| ナタリー | WEBP |
| Billboard Japan | JPEG |
| 日経エンタテインメント | JPEG |
| ウェブサイト | ファイル形式 |
|---|---|
| Apple | JPEG、PNG |
| SONY | JPEG |
| ユニクロ | WEBP |
| ショッピングサイト | ファイル形式 |
|---|---|
| Amazon | JPEG |
| 楽天 | WEBP |
| 価格.com | JPEG |
| ZOZOTOWN | JPEG |
| Qoo10 | WebP |
| SNS | ファイル形式 |
|---|---|
| JPEG、PNG、GIF | |
| JPEG、PNG、GIF | |
| JPEG、PNG、GIF、BPM、TIFF | |
| プロフィール JPEG、PNG |
次世代画像ファイル形式としてGoogleが開発し推奨している「WEBP」よりも「JPEG」を利用しているサイトが多いです。
WEBP（ウェッピー）形式
Googleが開発
- トラフィック量軽減・表示速度短縮のための拡張子
| 拡張子 | 「..webp」 |
| 色数 | 1677万色 |
| 透過 | 透過に対応 |
| 圧縮 | 非可逆圧縮 |
JPG（ジェイペグ）形式
JPG（Joint Photographic Experts Group
- 高画質・容量が小さい
| 拡張子 | 「.jpg」「.jpeg」 |
| 色数 | 1,677万色 |
| 透過 | － |
| 圧縮 | 不可逆圧縮 |
不可逆圧縮なので、画像データは元の画質に戻すことができない。
PNG（ピング）形式
PNG（Portable Network Graphics）
- 透過に対応
| 拡張子 | 「.png」 |
| 色数 | PNG-24 1677万色 PNG-8 256色 |
| 透過 | 透明・半透明に対応 |
| 圧縮 | 可逆圧縮 |
※PNG-24は24bit、PNG-8はは8bit
GIF（ジフ）形式
GIF（Graphics Interchange Format）
- GIFアニメ（小さい容量のアニメーション）
| 拡張子 | 「.gif」 |
| 色数 | 1,677万色 |
| 透明 | 透明に対応・半透明不可 |
| 圧縮 |
APNG（エーピング）形式
APNG（Animated Portable Network Graphics）
- アニメーション
| 拡張子 | 「.apng」 |
| 色数 | 1677万色 |
| 透過 | 透明・半透明に対応 |
| 圧縮 |
