7

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.

2
  • 1
    Possible duplicate of Common screen resolution? Nov 21 '17 at 7:07
  • @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.
    – IOIIOOIO
    Nov 21 '17 at 13:12
5

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.

2
  • Thanks very much! I will always keep in mind different aspect ratios of course!
    – IOIIOOIO
    Mar 6 '15 at 18:17
  • Happy it helped... Good luck and welcome to the site :-)
    – tohster
    Mar 6 '15 at 20:14
2

The correct answer is, your web design should not be dependent on the aspect ratio of the user's device. Using proper modern day techniques, a.k.a Responsive design, means that your website/webapp should be readily fluid between a phone's portrait view to a 16:9, 4K desktop screen.

Not the answer you're looking for? Browse other questions tagged or ask your own question.