スポンサーリンク

画像ファイル形式一覧とその特徴と代表的なウェブページのファイル形式

画像ファイル形式一覧と特徴webサイト制作
画像ファイル形式一覧と特徴
webサイト制作
スポンサーリンク

画像ファイル形式一覧

画像のファイル形式、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」
画質の劣化がない
SPONSOR
スポンサーリンク

各ウェブサイトの画像ファイル形式一覧

GoogleはWEBPを推奨

ニュースサイトファイル形式
NHKニュースJPEG
スポニチアネックスJPEG
ナタリーWEBP
Billboard JapanJPEG
日経エンタテインメントJPEG
ウェブサイトファイル形式
AppleJPEG、PNG
SONYJPEG
ユニクロWEBP
ショッピングサイトファイル形式
AmazonJPEG
楽天WEBP
価格.comJPEG
ZOZOTOWNJPEG
Qoo10WebP
SNSファイル形式
TwitterJPEG、PNG、GIF
InstagramJPEG、PNG、GIF
FacebookJPEG、PNG、GIF、BPM、TIFF
Googleプロフィール 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万色
透過透明・半透明に対応
圧縮

対応ブラウザが限られている

SPONSOR
SPONSOR
スポンサーリンク
FOLLOW
WordPress を簡単に
タイトルとURLをコピーしました