アプリケーションのスクリーンショットの全画面サイズを表示するために使用するのに最適なサイズは何ですか?


回答:


14

これはグーグルの優れたブラウザサイズツールで、ユーザーの何パーセントがあなたのウェブサイトの異なる領域を見るかを示しています。これは本当にウェブページをチェックし、「浅い」画面(ほとんどのラップトップの画面は非常に広く、画面が非常に浅い/奥行きがない)に重要なコンテンツと行動を促すフレーズが表示されることを確認するのに役立ちます。

googleブラウザーサイズツール

更新:Googleはこの機能をGoogle Analyticsに追加しました。これにより、訪問者がサイトをどの程度見ることができるかを確認できます:http : //analytics.blogspot.com/2012/06/new-feature-conduct-browser-size。 html

新しいブラウザサイズ機能を備えたGoogle Analytics


グラフィックはGoogleアプリの一種のゲットーですが、これは非常に便利なツールのように見えます。おそらくパーセンテージの内訳を定期的に更新するので、最新の画面サイズデータが得られます。
Lèseはmajesté

はい、ゲットーは正しい言葉です!それはラボにあるので、どれだけうまく維持されているかはわかりませんが、巨大な画面を持つデザイナーにとっては目を見張るものです。
nthonygreen

ああ、私は間違っていました。画像はユーザーデータからライブで生成されません。それはちょうど、ウェブページ上で静的なイメージを重ねていますし、彼らが約一年でそれを更新していない表示されます。browsersize.googlelabs.com/static/...
Lèsemajesté

1
ちょっとした注意のように、画面が特定のサイズより広い場合、画像は繰り返されます。私の2560x1440 iMacでは、ほぼ2回見ることができます。また、中央揃えのコンテンツではうまく機能しません。
BR

3
このツールは貧弱なようです。サイトの幅が固定されていない場合ブラウザに合わせて拡大され、オーバーレイは完全に間違っています。
シルク

2

これはサイトとユーザーベースによって異なる可能性がありますが、多くのWebサイトは依然として1024ピクセル幅の画面幅をサポートしています(その解像度を使用するかなりのユーザーベースがまだあるため)。したがって、画像は、幅が1024ピクセルのスペースに収まる十分な大きさにする必要があります。ライトボックスの左側と右側に15pxのクロムがあり、1024px幅のモニター解像度を実行している人のために、その両側に30pxのマージンが必要だとします。

1024-30ピクセル(ライトボックスクロム)-60ピクセル(マージン)=幅934ピクセルの画像。

繰り返しになりますが、特にライトボックスのエッジをページに対して特定のポイントに配置したい場合や、グリッドなどにスナップしようとしている場合は、サイトによって仕様が異なる場合があります。


1

クールな解決策は、2560x1600の最大解像度でスクリーンショットをアップロードすることです。次に、ページがロードされたら、ブラウザーウィンドウのサイズを検出し、最初のリクエストでイメージハンドラーを使用してサーバー上のイメージのサイズを変更して保存します。

そうすることで、高解像度モニターを使用している人が見過ごされることはありません。


ブラウザウィンドウのサイズを確実に検出できますか?多分.. $(window).width()そして$(window).height()jQueryでは有効なようです!
Jeff Atwood、

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.