web-dev-qa-db-ja.com

画像のアスペクト比のベストプラクティス

私の画像のサイズ変更は他の要因によって決定される必要があることを理解していますが、レスポンシブWebデザインに画像のアスペクト比の基準があるかどうか知りたいと思いました。つまり、1：1または3：4は、デジタル写真で見られる標準の600x800ピクセルを反映しています。

responsive-designaspect-ratio
1
mirae2000

いいえ-Web画像のサイズ基準はありません。

画像は、視覚的なデザインと機能要件をサポートするためにWebレイアウトに必要なものにすることができます。

そうは言っても、あなたの決定に影響を与える可能性があるものを考慮してください：

  • ユーザーは画像を投稿する必要がありますか？彼らは彼らの最後の仕事を減らすために彼らがすでに持っていると思われるサイズはどれくらいですか？.
  • すでに特定のサイズの画像を返す外部サービスと統合しますか？
  • 推奨画像サイズ がある他のサービス（ソーシャルメディアなど）とコンテンツを共有することを許可しますか？
  • 黄金比 、これがレイアウトに適合する場合、主観的に「楽しい」と見なされることがよくあります。
  • 以前は「2の累乗」である画像サイズが3D Webアプリケーションでより良いパフォーマンスを発揮するいくつかのケースがありましたが、私は これで問題ありません と思います。

何よりも、理にかなった場所で一貫性があると、資産の管理が容易になります。

2
Zenon

http://gs.statcounter.com/screen-resolution-stats/desktop-mobile-tablet/worldwide/#monthly-201612-201712 をご覧になることをお勧めします。

画面サイズが多すぎます。最大のグループは「その他」です。

この状況では、可能性のある地理的範囲（「ラトビアにサービスを提供する必要がありますか？」）、可能性のあるユーザー収入（「Jeff Bezosは320x530ビットボックスを所有していますか？」）などに基づいて、大/中/小戦略を開発します。

StatCounterインターフェイスに戻り、 http://gs.statcounter.com に移動します。そこで、プロジェクトの詳細な統計を選択できます。

0
Will Parker