おずの魔法使い

おずの魔法使い

2007.07.19
XML
カテゴリ: カテゴリ未分類
元ネタはこっち

どうも IE/MacとFirefox1.5/Mac でおこる現象みたい. Safariではおこらない, とのことだ.

該当ブラウザを持ってないので(そもそも手元にMacがない) 検証できないんだけど, 少し興味深いので簡単に原因を考えてみた.

実はこの画像というのが 365x500 というでかい画像になっている.
でもって, HTMLの中で width="214" height="285" というのが記述されている.
つまり 元の画像を縮小して表示していることになる.

この『縮小して表示』というのは当然ブラウザの仕事だ. ここで処理の方法に細かい差が出てきているのではないかな?と 推測してみた.

元の大きな画像を該当ブラウザでwidth/heightをいじらないで見たときになめらかな感じになってるか? なってたら縮小するまでもなく画像表示のエンジンの差になっちゃうけどね.

『画像を縮小して表示』するにはいくつか方法がある.
と4つの画素があった場合に半分にしたいなら 2番目と4番目の を抜いてしまえば と二つだけになる(別に 1番目と3番目を間引いてもいいんだけど). こういうのを縦横に行えば 小さな画像になることはわかるだろう.
他にもまわりの画素の平均をとってみたりという処理も出来る. 1番目( )と2番目( )の間なので こんな色 になって同じように3番目( ), 4番目( )の間で こんな色 になるのかな?

もちろん平均取ったりってのはもっと賢い方法が沢山あるし, 他にも縮小する方法はある. でも 縮小するときの方法でもいくつかあるのがわかると思う.


どうだろ? あたってるかな?

まぁ 実際にこの現象がこんな理由で起ってるとしたら, 画像を適切なサイズにするっつーのは速度などの問題だけでなく見え方にも影響してくるってことになるよね.
重いでしょ?といってもピンと来ない人への説明にいいかな~って.

でもなー, FirefoxでOSが違うと変わるってことあるのかな? いや, あるかもしれないけど, 画像まわりのエンジンがOS依存(OSのlibraryとか見てたりする?)ってこと? バージョンの違いかもしれないけど.
source見ればいいのかもしれないけど, なんかあれなので誰か気が向いたら検証してくれるとうれしいなっと(笑)







お気に入りの記事を「いいね!」で応援しよう

最終更新日  2007.07.19 19:38:46 コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

プロフィール

つ!

つ!

コメント新着

わかりません@ 10万円 逝ってよし(´-ω-)☆ <small> <a href="htt…
乗らない騎手@ ちょっとは木馬隠せw あのー、三 角 木 馬が家にあるってどん…
チリチリ@ 次は庭で全裸予定w <small> <a href="http://kuri.backblac…
地蔵@ 驚きのショックプライスw コウちゃんがこないだ教えてくれたやつ、…
ヒゲメタボ@ クマたんと呼ばれてます(^^; 最近はこれが流行ってるって聞いたので …
ディック橋本@ ギリ3人です(笑) <small> <a href="http://iikoto.chorie…
ななやま@ ムダなチラシ広告のポスティング問題をWebで解決する新サービス「エコポスト」 福岡市の株式会社ザイナスは、郵便受けに…

フリーページ

カレンダー

キーワードサーチ

▼キーワード検索


© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: