Picking Website size, The 960 pixel model

An article describing the thought process behind picking a website size, and a common practice

Previously, we have just had a full page website.The page would fill the browser window no matter the computer resolution. We would just then, throw text pictures, and links on this canvas.However, we wish for our website to look the same on every screen. The solution to this is to have a fixed page size, and fill in the background with a solid color fill or repeateable image. Therefore depending on the resolution, the only difference will be how much empty background space there is. We do not use one large background image, as we are not sure of what exact resolution the website will be viewed at, and we don’t wish to have loading times, as the large background image loads.

So what size?

It is considered best practics to support resolutions 1024 * 768 and greater. Therefore our width has to be lower then 1024. We would also like not to take up the entire 1024 as the browser will not entirely take up the screen, and being able to see some of the background is visually Appealing. A suggested size would be 900-960 pixels. I’ll cover how to set the webpage sizing to this, in the Division post.

About these ads