2018年04月17日(火)

ウェブ画像はPNG？ JPEG？ 新人Web担当者に伝えておきたい使い分けの基本 | 編集長ブログ―安田英久

• 0
• 207
• 0
• 338

今日は、新年度シリーズとして（続くのかな？）、ウェブで使う画像の基本に関する情報をお届けします。お題は「PNG？ JPEG？ GIF？」どんなときにどのファイルフォーマットを選ぶべきかの基本です。

結論から言うと、ウェブ画像（動画ではない静的な画像）の基本は次のとおりです。

• 写真（自然物）はJPEG

• 画面キャプチャ（人工物）はPNG（しかも8bit PNGにして減色する）

• 次のものは様子をみながら8bit PNGとJPEGで最適なものを選ぶ

  • 自然物と人工物が混じったもの（写真が使われているサイトの画面キャプチャ）
  • グラデーションが入っている画面キャプチャ
  • 写真でも色数が少なくてパターンが直線的なもの

Web画像は「キレイで」「大きくて」「軽い」が命

ウェブサイトに画像は付き物です。ビジュアルに魅力を訴求することで、テキストだけのコンテンツよりも効果が増します。

しかし、画像というものは、キレイで大きくしようとすると、ファイルサイズが大きくなりがちです（これを業界では「...