web-dev-qa-db-ja.com

プログレッシブ画像=より良いユーザーエクスペリエンス?

プログレッシブ画像は、ブラウザーベースのWebアプリケーションのユーザーエクスペリエンスを向上させますか?

3
oshirowanen

すべてのものと同様に、賛否両論がありますが、Webサイトが正しく設計されていて、エンドユーザーが高速インターネット接続を使用している場合、ほとんどの賛成者は実際には関係ありません。したがって、これらの関連性はターゲットオーディエンスによって異なります。

長所:

  • 基本レベルの画像はすぐに到着するため、レイアウトができるだけ早く正しいことが保証されます。ただし、画像の高さと幅の属性が正しく設定されている場合、これはほとんど関係ありません(@ DA01に感謝)
  • 遅いインターネット接続での読み込み時に画像がインターレースされている場合でも、ページが読み込まれていることは明らかです。

短所:

  • 画像がまったくない場合よりも、ぼやけた画像を見る方が悪い場合があります。画像が重要であるかどうかを確認するのを待ちますが、画像がまったくない場合は、気にする必要はありません。
  • 他の人が answer で言及しているように、インターレースは画像ファイルのサイズを増加させるため、Webページの読み込み時間が増加します 。これは、高速接続を使用している人でさえ、すべての人に悪い体験を与えます。

したがって、全体として、ユーザーエクスペリエンスを向上させることはできないと思います。

3
ChrisF

jpegを除いて、インターレースを使用しないでください実際にはダウンロードしたイメージのサイズが大きくなります。 PNGは約10%で最悪です。ただし、特にコストが高くない場合でも、それは望ましくありません。

  • (場合によっては)サムネイル、複数のレベルのサムネイルは、ユーザーにとってより使いやすく、使いやすくなっています。プレビューを見たい場合は、非常に明確なプレビューが表示されます。フル品質が必要な場合は、スキップしてフル品質にします。状況に応じて、サムネイルで半ズームを使用する可能性も考慮してください。
  • インターレースには、「いつ完了したかをどのようにして知るのか」という問題があります。非常にシャープで小さな画像の場合、これはそれほど問題ではありませんが、画面に収まらない画像について話し始めると、通常の画面ズームでは品質がやや不鮮明になります。インターレースが完了したかどうかで混乱します。
  • インターレースは単なる効果です、実際にはユーザーに何も表示しません。人々がそれをどのように考えるかはおかしいです、そして同じ人々があなたにテレビの1つが物を隠すと仮定されるとあなたに言うでしょう。
  • 適切に最適化する(混乱をインターレースする)ことは、物事をよりスムーズにするためのより良い方法です
  • 今日のインターネット接続は、インターレースが必要なほど悪くはありません。率直に言って、私もその日のうちに1つも好きではなかった:「ああ、まだ終わった?...いいえ...今?...まだ最後の波ではない?...負荷がかかっている!...%#$%$画像!OH完了(セーブ)ああがらくた、まだ少し残っていました!」画像をインターレースしないと、実際には独自の「読み込みバー」になります。はるかにユーザーフレンドリー。遅い接続の貧しいユーザーにも対応できるはるかに優れたテクノロジーもあります…

それで、それは実際に何かに良いのですか? Web開発者は賢明です。ただし、フォーラムに画像を投稿する場合、フォーラムのコードはサイズを認識できません。インターレースは基本的に非常に高速にサイズを渡すため、インターレースは(存在しない、まったくうるさい)レイアウトの問題を解決する1つの方法です。現実的には、浮動画像の場合にのみ、信頼できる状況が発生します。

5
srcspider

インターレース/プログレッシブのイメージについては、常に複雑な感情がありました。私はまだそれらの上に立つ場所を決めることができません。しかし、すべてのブラウザで実行してほしいことが1つあります。ページが表示されているが、画像がまだ読み込まれていない間は、空白ではなく画像表現を表示したいと思います。 IE6には、正確にそれを行う「画像のプレースホルダーを表示」オプションが見つかりませんでしたが、デフォルトではオンになりませんでした。

もちろん、画像プレースホルダーが適切に機能するためには、Webページに @ DA01 のように適切な幅/高さ属性を含める必要があります。

1
Hisham

プログレッシブ/インターレース画像の重要性はここ数年で減少したと思います。第一世界の国々の多くの人々は高速インターネットを持っています( http://articlet.com/article791.html )。ユーザーがダイヤルアップアクセスを持っている場合、ユーザーはなぜ画面上にあるものがそのまま配置されているのか疑問に思うかもしれません。プログレッシブ/インターレース画像は、これらのユーザーに見るものを提供し、時間の経過とともに塗りつぶすことに慣れています。高速インターネットアクセスを使用しているユーザーは、通常、画像がダウンロードされるのに十分な時間がかかるため、画像が徐々に表示されていません。

ダウンロードしたイメージの重みをかなり小さく保つと、すべての接続でかなり高速になります。全帯域幅では、ダイヤルアップモデムは1秒で6.8KBのイメージをプルできます。 20MBの接続を持つ誰かのための同じ画像は、〜3ミリ秒しかかかりません。プログレッシブ/インターレース画像が高速インターネットユーザーにメリットを提供しないことがわかります。

記事(2年前のもの)によると、ダイヤルアップに対応しなければならないかなりの数のユーザーがまだいます。私は、少なくとも画像をできるだけ小さくし、ブラウザのキャッシュを可能な限り利用します。たとえば、誰かがダイヤルアップ接続で最新のブラウザを使用している場合、zip圧縮されたSVGファイルははるかに小さくなり、エクスペリエンスが向上します。私はまだ画像なしでできる限り多くのことをやりたいと思っています。つまり、Google WebフォントやjQueryのホスティングなどを利用します。ブラウザーがそのコピーをキャッシュすると(キャッシュ内のURLによってマップされます)、ダウンロードは1回だけです。

1
Berin Loritsch