Average Screen Resolution

14 replies
  • WEB DESIGN
  • |
This might be a stupid question, but I was wondering what the average screen resolution that people use is. I am asking because I want my website to be as wide as possible without having to be scrollable. And I am not able to set my width to percent, I can only work with pixels.
#average #resolution #screen
  • Profile picture of the author HariVarrier
    I am not sure what the average is, but 800x600 is a pretty safe bet. Even though today people use very large res,some of the users still use those 15inch CRT monitors which give you a max of 1024 res. I set my WP theme to be fluid though.
    {{ DiscussionBoard.errors[1072363].message }}
  • Profile picture of the author waloosh
    Actually, the most used resolution is 1024x768. It comes standard with all computers from 2002 and younger. Now, with new technology and such, people are hooking their computers up to their large 46" flat screen high definition television.... but that's not everybody, so no need to worry about it.

    Anyway, here's a link from a well known source to help you better understand which resolution would be best.

    Browser Display Statistics
    {{ DiscussionBoard.errors[1072482].message }}
  • Profile picture of the author Jimbeam
    yeh its certainly 1024x768
    {{ DiscussionBoard.errors[1072771].message }}
    • Profile picture of the author Steve Diamond
      Since most monitors these days are at least 1024 pixels wide, the 960 Grid System is becoming a popular basis for page layout design. They publish templates and CSS files that make a good starting point for original designs. They use 960 pixels because it fits well inside 1024 and it's evenly divisible by many numbers.

      Steve
      Signature
      Mindfulness training & coaching online
      Reduce stress | Stay focused | Keep positive and balanced
      {{ DiscussionBoard.errors[1073027].message }}
  • Profile picture of the author cheapdeals
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[1073190].message }}
    • Profile picture of the author Steve Diamond
      Originally Posted by cheapdeals View Post

      Did you mean we should place our page contents within a container of 960px width?
      Yes. Take a look at the 960 Grid System site (link in my previous post). They have examples, downloadable templates, CSS generator, etc.

      Steve
      Signature
      Mindfulness training & coaching online
      Reduce stress | Stay focused | Keep positive and balanced
      {{ DiscussionBoard.errors[1074583].message }}
  • Profile picture of the author Aronya
    Something to consider: The only screen resolution that matters is the one your visitors are using. Who's your market? Older people? They'll be more likely to use 800x600. Programmers, graphic designers? They'll be using higher end settings. Design for your target visitor, not the whole world.
    {{ DiscussionBoard.errors[1074369].message }}
  • Profile picture of the author waloosh
    Yeah, I agree with Steve. The 960 grid system is a much more reliable way of pleasing everybody. Since the default resolution is 1024x768 for all new systems, it's best and doesn't have much scroll if someone is still in the stoneage with 800x600.
    {{ DiscussionBoard.errors[1075323].message }}
  • Profile picture of the author jgalty
    definitely 1024x768 is the way to go and as mentioned about the 960 system is a good starting point
    {{ DiscussionBoard.errors[1075579].message }}
    • Profile picture of the author crmarjunkarthik
      The basis resolution for website is 1024x768. Most of the computer uses this resolution.
      So create your page width to 1024 px and make the margin = "0" on all sides.
      (Left Margin="0" and Right Margin="0") you wont find any scrollers.
      {{ DiscussionBoard.errors[1078126].message }}
      • Profile picture of the author bryan1812
        Yep, designing for 800x600 is pretty futile now.

        I even had a client how complained how his site looed on his super widescreen. Am starting to see some far-out resolutions now with the current impact of high-rez widescreens.
        {{ DiscussionBoard.errors[1081245].message }}
  • Profile picture of the author John Hamel
    Previously the average screen resolution was 800x600 px. But nowadays the average screen resolution is 1024x768 since we have huge monitors now. I hope this answers your question.
    {{ DiscussionBoard.errors[1081426].message }}
  • Profile picture of the author maxieus
    i used 1024x768 in my works. most website resolutions i found can fix that size.
    {{ DiscussionBoard.errors[1096625].message }}
  • Profile picture of the author K Meier
    960px width of websites will make sure that it's compatible with almost all resolutions.
    {{ DiscussionBoard.errors[5124141].message }}
  • Profile picture of the author EricHall
    Everything I make is for 1024x768
    {{ DiscussionBoard.errors[5124154].message }}

Trending Topics