【縮小画像をきれに表示】

質問

商品一覧みたいな感じで
画像をサムネイル表示させているのですが
そのサムネイルは元画像を縮小表示させてあります。
あるサイトでは問題なく奇麗に表示されるのですが
あるサイトではとっても模様が少し変わってもみえて
実際の商品と別にも見えてしまう感じです。

この縮小画像を奇麗に表示させるには
どうしたらいいのでしょう。

回答No.3

dezimac · ベストアンサー

貴方が作っている複数のサイトでしたか。

楽天のはおそらく、アップロードされた画像から自動的にサムネイルを生成するようになっていて、それをちゃんとチューニングしているのでしょう。
他の汚く見える所のは、サムネイルの生成をしていないか生成プログラムの設定が悪いか。
サムネイル用画像を作らないというのはまずないけど。表示時間やサーバー負荷を考えても。

サーバーサイドに設置されたプログラムの問題でJavascriptとかの単純なものでもないので、貴方がどうこうできることじゃありません。
JavascriptはクライアントPCで動作するもので、表示側で画像を綺麗に縮小なんてしません。もちろんアップロード時も。
解決するには、そのサーバーの運営会社に問い合わせるしかないですね。

お礼

ご回答、ありがとうございます。

お返事遅れてすみません。

なるほど。そういうわけだったんですね。

早速、業者に問い合わせてみました。
なんか。難しい問題みたいです。

楽天は、正直ひどいと思う時があるのですが
こういうときには役に立ついいサイトですね。

何か、いい方法を考えてみます。
本当にありがとうございました。

回答No.2

SeydaNeen

IE7ですかね・・・？
なんとなく気になって調べましたが、
img {
-ms-interpolation-mode: bicubic;
}
というcssを設定することにより、IE6,7では、imgタグの縮小画像が綺麗になるらしい、ですね。
IE8以降、Firefox等では、デフォルトで割合きれいです。
他の方が言ってますように、サムネイルを作り、その時点で、スムーズ処理をかけるのが基本な気がします。画像をフォームでuploadする時（商品登録の時点）、プログラム的にGDやPILやImageMagickやらで割合きれいに縮小するとか。

お礼

ご丁寧にありがとうございます。

IE9なんですが、
楽天は一枚の画像で
小さくしても奇麗にうつっているんです。
要は、一枚あればサムネイルを作る必要もないということです。

たぶん、楽天の技術がすごいのですかね。

意外と難しいですね。
きっと、楽天のプログラムやシステムの設定が
いいのですね。画像に関しましては・・・。

楽天にできてるから他のECサイトでも
同じようにできるかとおもったのですが・・・。

回答No.1

dezimac

何処かの他人が作ったサイトでの事ですか？
なら貴方がどうこうしても綺麗にする事はできません。
出来るのはそこの管理者にサムネイルが汚いと教えるくらい。

SafariやOpera等のブラウザで見たら、IEよりは気持ちいくらかマシに見えるかもしれないけど。
それこそ気休めにならない気休めです。

サムネイル画像を右クリックして画像を表示させた時に、大きな画像が出てくるようなら、サムネイル用の画像を生成していない手抜きのです。ブラウザ上で単純処理で表示サイズを小さくしているだけだからあまり綺麗ではない。
そうでなく、サムネイルサイズのままで汚いなら、作り方がヘタクソなだけ。

貴方が作っているのなら、元の大きな画像をそのまま使うのではなく、
GIMP等の画像処理ソフトでサムネイル用のサイズに縮小してから、更にシャープフィルター等を施して調整する。

お礼

ご回答ありがとうございます。

ちなみに。私のサイトです。

商品数が約５０００商品もあるので
フォトショでどうこうの話ではなく
サムネイル表示されたときに
奇麗に見える方法が知りたかったのです。

さすがに効率を重視してますので
ただ、効率も大事ですが見栄えもそれなりに重要なので今、気にかかっていることでした。

今のところ、
他のサイトを利用してecサイトがありますが、
同じ工程で
なぜかひとつのサイトではサムネイルに表示されていても奇麗にうつるのですが
もうひとつのサイトでは
画像が粗くうつってしまっています、。

たぶん、javascriptか何かが違うのかなと
思っていたところです。