web-dev-qa-db-ja.com

通常のウェブサイトのスクリーンショットのサイズと比率はどれくらいですか?

ユーザーが撮影したウェブサイトのスクリーンショットのリストを表示したいと思います。

ユーザーは自分のウェブサイトのスクリーンショットを撮り、フォームを介して送信する必要があります。次に、最小化されたすべてのスクリーンショットをリストビューに表示します。

私が尋ねることができる通常のウェブサイトのスクリーンショットサイズは何ですか?どの次元を尋ねればよいですか?

まず、少なくともほとんどの使用されているプログラミング言語では、アップロードの前または後に画像のサイズを変更する方法があるので、その場合、画像のアップロードを制限する必要はありません任意の解像度に。

これが計画にない場合は、アプリでスクリーンショットの目的は何ですかを決定し、次にその目的で最大解像度を要求するを決定する必要があります。

"通常のサイズ"は静的なものではありません。解像度は時間とともに変化します。

画像の正しい解像度は、次のようになります。

  1. 予想される用途:次のいずれかの方法でスクリーンショットを表示することができます。

    • ユーザーは詳細を確認できます(大きな画像)
    • ユーザーは、ページの構造とコンテンツについて適切なアイデアを得ることができますが、詳細はあまり必要ありません。 (中サイズの画像)。
    • ユーザーはページを認識するだけで、詳細を知りたい場合は、小さな画像をクリックして拡大できます。 (小、次に中/大)
  2. ユーザーの解決:(Google Analytics たとえば から)訪問者に関するデータがすでにある場合は、訪問者を調べて、最も使用されているものを確認できます。十分なデータがない場合は、 W3画面解像度の統計 から参考にして、2015年の%がより高い解像度になることを考慮に入れることができます。その情報を入手したら、「予想される使用」ポイントを考慮に入れる必要があります。

enter image description here

  1. デバイス:モバイルプラットフォームでは、ユーザーがその上にあるもの(おそらく配色のみ)を明確に理解できないため、小さな画像を表示しても意味がありません。
3

これは、あなた(またはあなたのユーザー)が構築したサイトの種類によって異なります。

モバイルの場合、iPhoneの解像度または640 x 1136ピクセルを使用すると、モバイルのスクリーンショットを表示するのに最適です。

デスクトップ用?グリッドサイズのスクリーンショットを使用する必要があります。これは、幅960ピクセルから1170までさまざまです。高さは自由に設定できます。

画面サイズは、表示するコンテンツほど重要ではなく、表示方法全体の均一性を維持します。

1
Stewy

Google Chromeの「新しいタブ」ページでは、比較的小さい(約140x80)サムネイルを使用しています。

これは、ページのタイトルと相まって、ほとんどのサイトをすばやく特定するには十分です。特に、これらを考慮すると、最も頻繁にアクセスするページになります。

ただし、この点を考慮してください。あなたのケースでは、ユーザーは自分のWebサイトのスクリーンショットを見ています。つまり、1つのWebサイトです。したがって、Chromeとは異なり、それらはすべて非常によく似ています。同じcholorスキーム、同じヘッダー(通常)。新しいタブの提案がすべて同じウェブサイトの別のページになると想像してください。両者を区別することははるかに困難になります。

したがって、one Webサイトからのスクリーンショットのセットには、より大きなサムネイルが必要になると思います。

1
Navot