AdanKadan @ A

Y!風麺(観葉会)氏が、以前ちょっと気になっていた知恵袋の質問/回答を再掲してくださったので、こちらでも記事にしてみることにした。

JPG,GIF,PNG,BMPの特徴

1.JPGは
（写真のような）グラデーションのかかった画像に適する。
（ロゴ文字のような）境界線のくっきりした画像に不適。
　なぜか朱赤に弱い（濁りやすい）。
　画質によって、ファイルサイズが異なる。
2.GIFは
　256色しか使えないため、多色の画像に不適。
（文字のような）境界線のくっきりした画像に適する。
3.PNGは
　画質は良いが、ファイルサイズが大きい。
4.BMP
　画質は良いが、ファイルサイズがPNGよりさらに大きい。

「気になっていた」というのは。
　この特徴を「実感」するためには、特徴が出やすい画像を用意するところから始めたほうがいいのではないか、と思ったのだ。
　どんな画像なら、特徴が出やすいだろう。
　・できるだけ多色（たとえばレインボー）
　・グラデーション＋境界くっきり（たとえばグラデ背景＋文字ロゴ）
　・メイン部分朱赤（たとえば文字色#f00）
　　……という画像を絵心がない輩が作るとこんなアカ抜けないことに。orz

実際の見本

▼PNG 60.0kbytes

比較的きれいだが、ファイルサイズは大きい。

▼GIF 31.8kbytes

文字は問題を感じないが、バックグラウンドにディザ(ざらざら)が酷い。

▼JPG最高画質74.1kbytes

「最高画質」などの画質表現は、『Photoshop Element』のもの。「画質」のメモリが100。実際には、「100」はファイルサイズが大きく、多少下げても目で見た感じがほとんど変わらないため、「100」のまま使うことはあまりない。微妙に数字を下げながら、「画質」と「サイズ」を見て微調整する、という作業を行うことが多い。

▼JPG高画質42.2kbytes

少し文字縁が濁ってきた。

▼JPG中高画質27.3kbytes

文字全体がマダラになっている。

▼JPG中画質14.1kbytes

文字はもう「赤」とはいえない。背景も少しノイズが見えてきた。

▼JPG低画質9.8kbytes

「ブロックノイズ」といわれる升目状のノイズが顕著。

▼BMP 255kbytes
掲載なし。

■JPGをペイントで処理すると。
上記「JPG 最高画質 74.1kbytes」をWindowsペイントで取り込み、JPGで保存しなおすと、「ファイルサイズ17.7 KB」のものしかできない。 画質も、上記「中画質」とほぼ同等となる。

■JPGをIrfanView32で処理すると。
「GIFアニメ大学校」サマで推奨のフリー画像ソフト“IrfanView32”で、上記「ペイント」で行ったのと同じ操作をした結果。サイズ：91.9kbytes


■《FC2》画像縮小の実力も見てみたｗ
「JPG 最高画質 74.1kbytes」を800px幅に拡大し532px幅に戻し縮小してみた。サイズ : 16.39 KB、画質は上記「中画質」とほぼ同等だった。