サムネイル画像の画像サイズについて。

【htmlで使用する画像ファイル】
1.png(800*800)
2.png(800*800)

と二つの画像ファイルがあります。

これを以下手順でサムネイル画像を作成しました。
・PNGGauntlet　で画像圧縮
・photoshopCS4で　画像サイズを半分(400*400)にして、サムネイル画像として保存(頭にtを付ける。)

【できたサムネイル画像】
t1.png(400*400)
t2.png(400*400)

【質問】
元の画像(tなし)より、サムネイル画像(tari)のほうがサイズが大きくなるのです。
　元の画像サイズ　<　サムネイル画像サイズ

1.png(800*800)　100k
t1.png(400*400)　200k

2.png(800*800)　100k
t2.png(400*400)　200k

PNGCauntletで圧縮したものを、サムネイル化しているのにサイズが大きくなっています。
なぜこのようなことが起こるのでしょうか。photoshopのせいなのでしょうか。

このサイズの大きくなった画像を、htmlのimgタグのサムネイル画像として使用するべきなのでしょうか？

ご教授よろしくお願いします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/11/06 08:29

　サムネイルの目的は、データ転送量を少なくして、ネット負荷を軽減させたりページ表示を早めるためです。

圧縮率を調整してデータ量を少なくしたほうが良いでしょう。ソフトの能力でそれができないなら、単に表示画像を小さくするほうが良いです。特に印刷やスマートホンでの利用が考えられるページでしたら、それらの解像度はパソコンのディスプレイより高いため画像が荒れて表示されます。
　<img src="./images/png/1.png" width="400" height="400" alt="何たらが何とかしている"><!-- 画像実サイズは800×800 -->
　とか。スタイルシートで画像を合わせているときなど
img{display:block;width="100%" height="auto";}
　とかでは、大きくなってもきれいに見えますし・・

この回答へのお礼

ありがとうございます。
やはり大きなサイズのサムネイルは使わない方がよさそうということですね。

表示画像の縮小でやってみます。
情報ありがとうございました。

お礼日時：2012/11/06 13:35