• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ＋
■ナビゲーション
  1. 車・自動車SNSみんカラ
    2. >
  2. ブログ
    3. >
  3. ブログ一覧 [かのぷす]

かのぷすのブログ一覧

2012年09月30日 イイね！

画質補完計画 その3

最近、指摘されて気付いたことをまとめておきます。

え～と、まずはブラウザのお話からしましょうか。
皆さんは現在どのブラウザをお使いでしょうか？





グラフからするに大半の方はIEを利用しているのでしょう。
昔からブラウザといえばIEと相場が決まっているようです。

かのぷすもIE8までは利用していました。
しかしIE9になってから色々と納得いかない点があり、
現在はWindows版 『 Safari 』 を利用しています。

起動、レスポンスと決して早くないSafariを利用する理由、
それはブラウザ表示の賢さ、綺麗さにあると勝手に思います。

そうIEと比べるとレイアウトや表示画像に違いが生じます。
これはIEに限ったことでなくブラウザ間の互換性が無い為？
つまりはブログを作る場合どのブラウザに向けて作るのか。

そこが重要だと突っ込まれた訳ですが・・・
まあ、確かに需要のないSafariで作ってますからね。

でここからが本題で言われて気付いたことなのです。

結論から言いますと、

『 ブラウザごとに表示画像の質に差がかなりある。 』

というか主にIEの画像表示方法がおかしい。
具体的に言うと、拡大と縮小に極端に弱い。

下記、参考画像（IE利用者向け）


　　　　 >>500px


　　　　 >>400px


　　　　 >>300px


元画像1000pxを 『 img width 』 タグで 50% > 40% > 30% に縮小。
縮小割合が大きい程、ジャギーが酷くなっていることが分かります。

特に直線部、輪郭部にジャギーが目立ちます。
背景には見られないので風景絵には影響が少ない？
まあ50%ぐらいまでなら許容範囲内ではないでしょうか？

これはブラウザごとに画像の縮小方法が違う為発生する。
現在、主に使われている画像縮小の方法は3つあります。


・二アレストネイバー法
・バイリニア法
・バイキュービック法


一般的にはジャギーが少なく、圧縮効率も高い、
バイキュービック法で縮小する場合が殆どかと思います。





PSEの場合はバイキュービック法でも用途に合わせて3段階。



二アレストネイバー法



バイリニア法



バイキュービック法


写真3枚とも縮小方式以外何もいじってませんが違いが出ます。

IE9ではこのニアレストネイバー法とバイキュービック法を
ブラウザの自動判定により指定して処理を行うようです。
しかし、二アレストネイバー法が優先で処理されている。

これはIE8の頃には起こらなかった現象です。
デフォルトでCSS上でバイキュービック法を行うよう指定していた。

ではなぜIE9にアップしたにも関わらず画像表示を劣化させるのか？


恐らく答えは・・・
Posted at 2012/09/30 04:39:41 | コメント(3) | トラックバック(0) | ビジョン | 日記

プロフィール

「山登りたい http://cvw.jp/b/585564/43157240/」
何シテル？   08/15 23:34
ご指摘、アドバイス等いただけると助かります。
みんカラ新規会員登録

ユーザー内検索

<< 2012/9 >>

日 月 火 水 木 金 土
      1
2 3456 78
910 111213 14 15
16171819202122
23 2425 2627 2829
30      

ブログカテゴリー

リンク・クリップ

Flickr 
カテゴリ：フォトストレージ
2015/05/10 05:47:25 		 
ashihori日記 
カテゴリ：写真、ツーリング
2012/06/01 09:56:59 		 
伊豆スカイライン 
カテゴリ：ライブカメラ
2012/06/01 09:52:46 		 
[ 他のクリップをチェック ]

愛車一覧

日産 フェアレディZ 日産 フェアレディZ
よろしくお願いします。
ホンダ ヴェゼル ホンダ ヴェゼル
ちょうど良いサイズ感。 色々なシーンで使える。
ドゥカティ モンスター1200S ドゥカティ モンスター1200S
イタリア娘。
ホンダ ソロ ホンダ ソロ
高校生時代からの相棒。 まだまだ元気に走ります！
[ 愛車一覧 ]

過去のブログ

2019年
01月02月03月04月05月06月
07月08月09月10月11月12月
2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ｜ 利用規約｜ サイトマップ
© LY Corporation