画像ファイルの拡張子といえば......? と聞かれたら、多くの人は「jpg(ジェイペグ)」「gif(ジフ/ジーアイエフ)」「png(ピング)」などが思い浮かぶことでしょう。
でも「じゃあそれぞれ違いってナニ?」と聞かれ、即答できる人は意外と少ないのではないでしょうか。
そこで今回は、この3つの形式の特徴やメリット・デメリットについて解説します。
深く掘り下げるとキリがないので、できるだけカンタンにまとめました!

写真に最適な「jpg(ジェイペグ)」

まずは私たちの一番身近な画像形式といえるのが「jpg(ジェイペグ)」(もしくは「jpeg」)ではないでしょうか。

「jpg」は、表現できる色の種類が1670万色と多彩で、写真など多くの色を必要とする画像に向いたファイル形式です。
画質指定をして保存できるのも特色のひとつ。色と色との境目を自然に、目立たなくする処理に長けており、高画質を保ったまま画像を圧縮&保存できるのもメリットです。
デジカメやスマホの撮影画像でもこの形式が多く用いられていますね。

逆にいえば、シャープで輪郭がはっきりしている画像には不向きで、たとえば文字や図形が含まれた画像を「jpg」で保存すると、ラインがぼんやり、モッサリとした仕上がりになりがち。ウェブページのキャプチャなどにも向いていません。

さらに、一度画像を圧縮すると画質を元に戻せない「不可逆圧縮」という圧縮方法を用いるため、リサイズ保存や、上書き保存をしただけでも画質が劣化してしまうのも弱点。加工する際は元画像をコピーしておきましょう。

アニメーションが作れる「gif(ジフ/ジーアイエフ)」

線や文字、ロゴ、図形など、色と色の境目がはっきりした画像や、色変化の少ない画像の保存に適した形式です。特に色数の少ないイラスト、アイコンなどのシンプルな素材はファイルサイズを軽くできるため、ネット黎明期からウェブデザインに重宝されてきました。
「jpg」とは異なる「可逆圧縮」という圧縮方法を用いるため、画像の劣化も起こりません。
ただ、表現できる色数は256色と少ないため、写真のような多色の画像には不向きです。

そしてこの形式は「gifアニメーション」という短い動画を作れるのが一番の特色。ウェブページを見ていて、パラパラマンガのようなアニメーションが無限ループしているのを見かけたことはありませんか? この多くが「gifアニメーション」です。動きがあるのでわかりやすく、どんなブラウザでも見られる気軽さが魅力ですね。

規格によっては万能の「png(ピング)」

「png(ピング)」には、扱える色数などの違いよって「png-8」「png-24」など複数の規格があります。「png-8」はアニメーションこそ作れないものの、「gif」とざっくり同じ規格です。スクリーンショットの保存形式にも「png」が使われることが多いですね。

対して「png-24」は、「png-8」のメリットに加えて「jpg」と同じ1670万色の色数を持ち、写真から図形など輪郭のくっきりした画像まで、幅広い画像の保存に向いている万能選手。「gif」と同じく「可逆圧縮」で、画像をリサイズしても同じ画質を保ちます。

デメリットは、とにかく画像容量が大きくなってしまうこと。特に「写真」のような色数の多い画像となると、「jpg」と大きくクオリティが変わらなく見えても、ファイルサイズが5~6倍になる、なんてこともザラです。ウェブ上にアップしたり、やりとりするのには向いていないかもしれません。

それぞれの特色で使い分けよう!

まとめると、ファイル形式は下記のような使い分けが適切なようです。

  • 写真において画質・サイズともにバランスが良いのは「jpg」
  • 短いアニメーションが作りたいときは「gif」
  • 色数の多い文字や図形などが含まれる画像は「png」

さて、3種類の形式それぞれの特徴をまとめてみました。ブログやSNSで画像をアップするときは、ぜひ参考にしてくださいね!

ピックアップ

Kana.mM(かな)

編集プロダクション勤務を経てフリーライターとして独立し、そろそろ10年。旅行、不動産、広告、生活系のジャンルで執筆活動中。趣味は野球観戦と戦争ゲーム。アナログ心を忘れないデジモノ好きを目指しています。

記事(194本)を見る

  • PC右カラム300×100
  • Twitterでつぶやかれている記事

    • Twitterで最新&注目記事をチェック
    • Facebookで最新&注目記事をチェック
    • Google+で最新&注目記事をチェック
    • メルマガで最新&注目記事をチェック

    おすすめサイトの新着記事