What resolution should I use on your website?

When creating a site can not guarantee that it will look the same in all browsers, mobile devices, or at different screen resolutions. But there is a way to cope with this problem.

The common practice is to design sites for the lowest common screen size, which means optimized for 800x600 resolution and use a fixed layout.

However, while there are empty fields for users with high-resolution screen.



Here are a few approaches to solving this problem in the design of the website:

• Fixed layout - the traditional approach in which the width remains constant at any screen resolution.
• Rubber model - a more flexible option than a fixed layout, in which the site is stretched horizontally to support monitors with higher resolution.
• The adaptive model - a more complex version of the layout of rubber, when the code allows you to display a different number of columns depending on the resolution of the screen, avoiding the problems associated with fluid models.
• Layout chosen by the user - in this embodiment, the user can choose what he wants, possibly together with an adaptive layout.

So what type of layout is best?

The fixed layouts can still be found most often, maybe it's because the designers prefer to make up by them (as they give better control over the design, appearance and corporate identity), but the rubber or the adaptive layout should also be considered, especially if it comes to redesigning your own site.

However, a potential ambush rubber layout that static elements such as images that do not stretch that may affect the appearance of the site at different resolutions.

Amazon uses a rubber layout that looks very well in different screen resolutions, but that's because a lot of text on the site. This layout restricts Amazon'a to use a large number of graphics and images.

If you decide to use a rubber layout, do not forget to set the parameters for minimum and maximum width that the site does not look too too squished on small screens, or too stretched in breadth.

You can also use the service to test the usability of the site , they can determine how users behave on the site and what items they are most interesting.

For any resolution to optimize the site?

The main goal here - to make sure that the important content, navigation units, and active elements are visible without scrolling. Keep this in mind, choosing the screen resolution for which will optimize the site.

According to statistics, only 5% of users use 800x600. Most people use 1024x768 or higher.

In any case, you should check your site, how it will look at the most common resolution of your visitors. It can vary depending on the type of site and audience.

Do not forget that not all users deploy the browser window to full screen, so you may not need to develop a site more than 1024 pixels wide.

In summary, it is best to optimize a site for 1024x768 or higher. Thus 95% of Internet users will see your site at its best.

If you want to optimize your website for a lower resolution, try to somehow fill in the blank space to add a site more than aesthetics.