What's the most common aspect ratio in terms of web design?

  • I'd like to know what is the most common aspect ratio to aim for in web design? I'm having problems with a site that works fine in 1920x1080 (16:9), but it doesn't work out so great in 1680x1050 (16:10). I just want to decide which would be the best choice to aim for. I realise there are mobile resolutions to bear in mind, but I'm thinking specifically of desktop users.

    @locationunknown it is related and the answer for my question could be derived from the answer to that one... but my question was specifically about aspect ratio. The answer provided by Tohster is what I was looking for.

  • tohster

    tohster Correct answer

    6 years ago

    This is a question that can be answered easily and quickly by Google.

    But since it is a popular question, here's a reusable approach:

    vriwser stats

    Based on this analysis I would certainly aim for 16:9 for desktops. Remember that browsers usually have even higher aspect ratios because the nav/tab bar and status bar will reduce the height more than the scrollbar reduces width.

    But the popularity of 16:9 isn't an excuse for poor design. It's usually important to ensure websites render well on a range of window sizes, because users don't always browse with the browser window maximized. Even if they do, desktop users often have taskbars (e.g. windows, mac) or sidebars (e.g. chat, social) which will change the browser aspect ratio.

    Thanks very much! I will always keep in mind different aspect ratios of course!

    Happy it helped... Good luck and welcome to the site :-)

License under CC-BY-SA with attribution

Content dated before 7/24/2021 11:53 AM