作業効率アップ

画像の拡張子『JPEG』『GIF』『PNG』の違いを解説!

 

今回は、
ブログで画像を使う際の
画像拡張子の違いについて話をします。

 

Yahoo!の画像検索では

『JPEG』『GIF』『PNG』

と3種類の画像拡張子が条件指定できます。

色々ある画像拡張子の中で
なぜこの3種類だけ条件指定できるのかというと、
それぞれの拡張子に使いやすい特徴があるからです。

 

ではこれから、
JPEG・GIF・PNGの画像拡張子の
解説をしていきましょう!

 

JPEG・GIF・PNGの違い

美しい画像イメージ

 

まずJPEG・GIF・PNGというのは、
ファイル名の最後に付く
「拡張子」と呼ばれているものです。

我々はこの部分を見て
どのような画像ファイルかを
認識しているわけですね。

 

JPEG・GIF・PNGには、
それぞれどんな違いがあるのでしょうか?

 

もちろん、
他にも色々な種類があるのですが、
一般的な用途として
この3つだけ覚えておけば十分ですよ!

ではそれぞれの特徴を見ていきましょう。

 

JPEGについて

 

【読み方】ジェイペグ

【拡張子】.jpg/.jpeg/.JPG/.JPEG

【ファイル形式】ビットマップ

 

【特徴】

  • データ容量が小さい
  • フルカラーなので色数の多い画像に最適
  • デジカメの保存形式がほとんどJPEG
  • 上書き保存で劣化する
  • 不可逆圧縮なので圧縮すると劣化する

 

GIFについて

 

【読み方】ジフ

【拡張子】.gif

【ファイル形式】ビットマップ

 

【特徴】

  • アニメーションが作れる
  • データ容量が小さい
  • 最大256色
  • 単色ロゴやイラストに向いている
  • 背景を透明にできる
  • 風景写真などには不向き
  • 不可逆圧縮なので圧縮すると劣化する

 

PNGについて

 

【読み方】ピング / ピン

【拡張子】.png

【ファイル形式】ビットマップ

 

【特徴】

  • 背景を透明にできる
  • 画質がキレイ
  • フルカラーなので色数の多い画像に最適
  • Webに特化している
  • アニメーションも使える
  • JPGやGIFに比べるとデータ容量が大きい
  • 可逆性圧縮なので画質が劣化しない

 

ブログにおすすめの画像拡張子は?

美しい画像イメージ

 

最初に結論から言うと、
ブログに使う画像拡張子で
僕がおすすめするのは『PNG』です。

もちろん『JPEG』を使っても
特に問題はありません

 

ではなぜ『PNG』なのかというと

  • 背景透過ができる
  • 画像劣化が少ない
  • 色の再現性が高い

という3つのメリットがあるからです。

 

特に『背景透過』がお気に入りで、
ようは切り抜き画像として使えるので、
色んな画像をコラージュして
オリジナリティのある画像が作れます。

いい意味でデメリットがないので
ブログは『PNG』一択だということですね!

 

ぜひ、参考にして頂ければと思います。