サムネイル画像

質問

ホームページを作成しているのですが、画像を掲載で困っています。

スキャナーで取り込んだ画像をいつもphotoshopで900×675ピクセル程度で「web用に保存」しているのですが、そのサムネイル（339×253）が非常に荒く見えます。
クリックして元の画像を表示させると特に気にならないのですが、サムネイルの荒さが非常に気になります。

解決策を知っておられる方がいましたら教えていただけますでしょうか。
よろしくお願い致します。

回答No.2

dezimac · ベストアンサー

> サムネイルを表示サイズで作成して、そこにリンクをつけて元画像を表示させる

そうです。
<a href="元画像"><img src="サムネイル用画像" alt="説明" width="339" height="253"></a>

サムネイル用のは画像処理ソフトでサイズ小さくして、ついでにWeb保存のときの圧縮率も高めにして作った方がいいです。
圧縮率上げてもimgタグで縮小して見せかけたのより綺麗に出来るはずです。

サムネイルは単にイメージ一覧じゃなてく、
読み込みに時間がかかる大きな画像の代わりに、縮小した軽いイメージを表示するものです。
単にimgタグで大きなのを小さく表示しただけでは読み込み時間短縮にならないので意味ありません。

お礼

ありがとうございます！

本当に助かりました。
丁寧な説明にも感謝いたします。

回答No.1

dezimac

サムネイルはどういう手順で作っていますか？
大きい画像を単にimgタグで表示サイズを小さくしているだけだったら、画質は良くないですよ。
サムネイルとしての意味ほとんどないし。

Photoshop上でちゃんとリサイズして別途Web用に保存すれば、極端に荒くなる事はありません。
必要ならシャープフィルタ等を適用すればいいです。

補足

ご回答ありがとうございます！
imgタグから縮小していました。

fancyzoomというプラグインを利用しているのですが、サムネイルを表示サイズで作成して、そこにリンクをつけて元画像を表示させるという流れでやればよいでしょうか？

よろしくお願い致します。