Webアプリを対象とするブラウザまたは画面の最小解像度はどれですか？

クライアントマシン上のWebアプリケーションの最小要件を決定する場合：

1. ブラウザ -少なくとも1つのターゲットにするブラウザ
2. 画面解像度 -どの画面解像度を最低1つのターゲットにする

アプリケーションの使いやすさが損なわれないようにするため

W3Schools（たとえば）には、ブラウザーの表示に関する統計があります。2010年1月現在：

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

上位の数字は新しいテーブルにリンクしています。図から、1024x768が効果的な最小画面解像度であるように見えます。ただし、すべてのユーザーがブラウザを全画面モードで実行するわけではないことに注意してください。

ブラウザの統計ページもあります。ブラウザはバージョン（Firefoxなど）ごとに分類されています。FirefoxやChromeなどのブラウザーでは、大半のユーザーが最新（ベータ版ではない）バージョンを使用しているようです。これは自動更新のためだと思われます。

他のより一般的な統計サイトが利用可能であり、おそらくインターネット全体でブラウザの使用状況と画面解像度のより良い画像を取得するために範囲を参照する必要があります。

特定のブラウザと解像度をターゲットにするのではなく、できるだけ多くの幅広いユーザーがサイトを使用できるようにしたいという前提から始めます。さまざまな画面サイズに適応させ、すべてのブラウザーで動作するようにしてください。とはいえ、デスクトップブラウジング用に1024x768を想定しても安全だと思います。

統計のよりグローバルなセットは、それ1024x768が実際に最も一般的な解像度であることを示していますが、ユーザーの分布は非常に異なっています。また、ネットブックは、しがみつくのを助けていると思わ800x600れます。

最新のブラウザでは、メディアクエリを使用して範囲をターゲットにできます。彼らは素晴らしいです。IE9がサポートを約束しているにもかかわらず、IEを気にしないと仮定します。条件付きコメントを使用して最小公分母解像度をIEに送信したり、JavaScriptを使用してスタイルシートを動的にロードしたりできます。JavaScriptを介してCSSを動的にロードすることは、私の意見ではひどい考えです。

Jon Hicksという名前のWebデザイナーが最近それらを使用してWebサイトを再設計し、そこに移動してブラウザーウィンドウのサイズを変更し、その動作例を確認しました。現在の最大ビューポート幅に応じて、1〜4列のレイアウトがあります。

メディアクエリを使用すると、「私のサイトはiPhoneとiPadをサポートしますか？」などのことを強調する必要がなくなります。または「使いやすさを維持するためにXデバイスの画面サイズをターゲットにするにはどうすればよいですか？」サポートしたい画面サイズのデザインを作成するだけで、ユーザーのブラウザに応じてメディアクエリが残りを処理します。

解決方法の使用に関する最近の統計の決定を基にすることができます。ジェネリック番号が必要な場合は、ネットアプリケーションから検索できます。正確なデータが必要な場合は、WebサイトでGoogle Analyticを使用できます。

最初に行う必要があるのは、Webアプリを使用するターゲット層を決定することです。たとえば、主に裕福な米国/ヨーロッパのオーディエンス（ハイエンド製品やハイテクマガジンサイトの販売など）をターゲットにしている場合、たとえば、Web-古いPCや低解像度が依然として主流である高齢者、発展途上国の人々などを対象としたアプリ。たとえば、英国の多くの地方自治体のクライアントは、IE6を（恥ずべきことに）唯一のブラウザとして使用していることを経験から知っています。

その後、多くの人がスマートフォン、ネットブック、タブレットなどのモバイルデバイス上のWebサイトにアクセスすることを考慮する必要があります。これらは「奇妙な」解像度を持つことも、Safari、Chrome、Opera Mobileなどのブラウザーのユーザーの割合が高くなることもあります。また、アクセシビリティの要件が異なる場合や、スタイルシートが異なる場合があります。

最適な方法の1つは、Googleアナリティクス（おそらく既存のサイトから）を使用して、実際の視聴者を判断することです。次に、実際の数値を取得して、ブラウザの内訳と解像度の内訳を確認し、自分に合ったものを判断するのに役立ちます。

世界のブラウザ市場シェア統計を確認してください

この質問は、世界中のブラウザ市場シェアを調べるためのソースの包括的なリストを提供します。

StatOwlの 2010年の上位3つの平均を以下に示します。

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

ネットアプリケーションの 2010年の上位3つの平均を以下に示します。

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

データによると、最小解像度は1024x768である必要がありますが、人口統計にも依存します。

あなたのサイトがより多くの企業オーディエンスに向けられている場合、800x600に固執します。多くの企業ネットワークでは、Windows 2000を使用した非常に古いハードウェアがまだ実行されています。それがターゲットのユーザーベースである場合、画面解像度の「現在の標準」を使用すると視聴者が疎外される可能性があります。

http://isie6dead.com/このリンクは、よりダイナミックで一週間ほど前だったが、その存在の基礎となるポイントがまだ有効である：そこにそこにあまりにも多くのIE6ブラウザがあるともしていきます次の十年のために、おそらく。

私自身の個人的なプロジェクトでは、IE6を使用している場合、私のサイトでサルが後部から飛び出すかどうかは気にしません。ジョブの場合、要件は異なる場合があります。一般に、対象ユーザーが一般公開されているほど、サイトで640x480x4のIE6が表示される可能性が高くなります。

この質問は特定の聴衆なしでは正確に答えることができず、iPhonyデバイスの急増する群衆を完全に無視します。

以前の投稿で述べたように、ブラウザ市場シェアに関するウィキペディアの記事は、6つの主要な情報源からの情報を統合しており、その統計はおそらくターゲットとする重要なブラウザを決定するのに最も効果的です。

また、考慮する必要があるのはサイトのコンテンツです。たとえば、ビデオカードやモニターに問題がある人向けにテクニカルサポートフォーラムを提供している場合は、おそらく640x480で使用できるようにする必要があります。

ユーザーの多くが高齢であるか、そうでなければ視力が弱い可能性が高い場合、ユーザーは高解像度の画面を持っているかもしれませんが、非常に大きなフォントを使用している可能性があります。