今日は、新年度シリーズとして(続くのかな?)、ウェブで使う画像の基本に関する情報をお届けします。お題は「PNG? JPEG? GIF?」どんなときにどのファイルフォーマットを選ぶべきかの基本です。 結論から言うと、ウェブ画像(動画ではない静的な画像)の基本は次のとおりです。 写真(自然物)はJPEG 画面キャプチャ(人工物)はPNG(しかも8bit PNGにして減色する) 次のものは様子をみながら8bit PNGとJPEGで最適なものを選ぶ 自然物と人工物が混じったもの(写真が使われているサイトの画面キャプチャ)グラデーションが入っている画面キャプチャ写真でも色数が少なくてパターンが直線的なもの Web画像は「キレイで」「大きくて」「軽い」が命ウェブサイトに画像は付き物です。ビジュアルに魅力を訴求することで、テキストだけのコンテンツよりも効果が増します。 しかし、画像というものは、キレイで
![PNGとJPEG画質の違いは? 拡張子でどう違う? ウェブ画像使い分けの基本 | 初代編集長ブログ―安田英久](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9866bdd3bdf4f1a159b56c7bd0b1ad34c39b057/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fnakanohito%2Fnakanohito_icon200.png%3Fitok%3DiXvFSfHl)