巨大画像≠高画質、表示用画像≠印刷用画像

（要約）
巨大画像は高画質でもないし、表示用画像と印刷用画像は別物として扱うべきです。

http://c.statcounter.com/4440886/0/1c5b0b72/0/　人

巨大画像は高画質でもないし、表示用画像と印刷用画像は別物として扱うべきです。

その説明のために、いくつかの画像を作成してみました。

この画像のオリジナル部分画像横幅は５４０ピクセルあります。

この画像を１０８０ピクセルと見立てて、記事画像の最大横幅に近い５４０ピクセルで表示すると
いったいどんな事が起きるのでしょうか。

画像縮小時に最適化処理が行われないブラウザで表示するとこのようになります。

画像縮小時に最適化処理が行われるか、あるいはサーバー側で適正サイズに縮小すると
このように表示されます。

しかし、この時に問題となるのは画像の品質だけではありません。

ブルーで覆った背景部分は、
もとの画像のデータ量に対して無駄となった情報の多さを示しています。

この事例では１０８０ピクセルから５４０ピクセルへと横幅を半減していますので
無駄となった情報量は７５％に達しています。
同様に１０２４ピクセルの画像を５６０ピクセル幅に縮小表示させている場合は
３０％しか表示されず、７０％が無駄となっているわけです。

もし記事ページに１０Mバイト分の１０２４ピクセル巨大画像ばかりを並べていたとしたら、
実に、そのうち７Mバイトは無駄な通信を生み出し、CPUでの縮小に掛かる電気代も
それなりに掛かってしまうわけです。

もうひとつは画像ページに表示する最大画像サイズの問題です。

Yahoo!ブログのサービスは、基本的に画面の横幅サイズを１０２４ピクセルで設計されています。
※ サイドメニューの幅が広がり、そこへ広告が入る以前は８００ピクセルでした。

１０２４ピクセルの領域に入り切れない画像の一部分は、ディスプレイに表示される事もなく
スクロール待ちになってしまいます。

ブラウザのスクロールバーを動かすか、ホイールマウスを持っていればホイール操作をするか、
そのような操作をしなければディスプレイからはみ出している部分の表示もできません。

ディスプレイからはみ出してしまうような画像は、
もともと表示用とは言えず、印刷用の画像なのです。

甲子園にあるアルプススタンドでは高校野球の折りに人文字応援が見られますが、
アルプススタンドに収容できる人数には限りがあります。
どんなに何十万人もの人文字を描きたいからと言っても、入場することはできません。
はみ出した人達は甲子園球場の外側で待機するしかなくなるわけです。

それと同じようにブログの表示ページにもピクセルという単位での基準枠があり、
それをはみ出すような使い方をするのは、壮大なトマソンに過ぎないのです。

Messaage Box 書庫

投稿ネタはコレに決まり！ 話題のキーワードをチェック！

妖怪ウォッチ, 三連休初日, 晩秋, 雨模様, フェノーメノ, ハロウィン, 連休初日, 日銀, GPIF, 追加緩和, ジェンティルドンナ, 金融緩和, イスラボニータ, 生憎, 台風20号, https, 仮装, 天皇賞, 霜月, マーティンボロ

スパム対策に関するお知らせ

閲覧者接続情報 http://www.robtex.com/ipinfo.gif

　　　 記事と無関係な多重コメントは無条件削除します　　　　　　　
　　　 アダルト業者によるコメントはＩＤを削除させていただきます

http://www2.clustrmaps.com/stats/maps-no_clusters/blogs.yahoo.co.jp-yoshimy_s-thumb.jpg http://is.gd/YAqCXd.png

http://s09.flagcounter.com/count/1Yv/bg=FFFFFF/txt=000000/border=FF8CA8/columns=6/maxflags=30/viewers=0/labels=1/pageviews=1/

ClustrMaps - IP Information - Flag Counter - Country List - utrace