Understanding screen resolution

We get a lot of clients who wonder why their website displays differently on their laptop or on another monitor. This is because different monitors have different settings or screen resolutions. In this day and age, understanding screen resolution is a must.

 

Screen Resolution Explained

 

Resolution is the maximum number of pixels that can be displayed on a monitor, expressed as (number of horizontal pixels) x (number of vertical pixels), i.e., 1024×768.

The higher the screen resolution the more information can fit on the screen.

As a website owner or web designer you have to take into consideration what are the most common screen resolutions for the intended target audience of the website to determine what web page width is suitable for the website.

At Kablooey Studios, we work to the most common resolution of 1024 x 768 (basically the lowest common denominator). That way we can ensure that most people will see your site as they are intended to. We build sites that are no wider then 1000px so that they full the width of the most common low resolution monitors, and easily display (with some nice room to spare) on higher resolution and wide screen monitors. We don’t really worry too much about height, because people will just scroll down to view the areas of your site that appear ‘below the fold’ (the bottom of the screen.

To help explain, the two images below show the same website viewed the common 1024 x 768 resolution, and a more modern, larger resolution.

resolution1



Leave a Reply