What is ‘Screen Resolution’?

We understand that the world wide web is a big, scary thing for most people, so each month we’ll try to take a word, acronym or phrase and explain to you in simple, ‘non-techie’ terms what it all means. This is DBG’s Digital Definition of the Month!

Resolution is of course “the act of finding an answer or solution to a conflict, problem, etc.” (Source:  Merriam-Webster)

But that’s not the sort of resolution we want to help you define!  We’re more interested in:

Screen Resolution

Screen resolution simply tells you how many pixels your PC/laptop/tablet/smartphone screen can display horizontally and vertically.  As an example, the resolution for an iPhone 6 is written as 375 x 667.

If you’d like to know the resolution of the screen you’re currently reading this article on, visit WhatIsMyScreenResolution.com to find out.

But did you know that different sized screens can have the same resolution?  SAY WHAT?!

That’s right, screens of different sizes may have the same resolution.  For example, if we had a large PC monitor and a smaller laptop screen, and the computer’s display resolution was optimised for the smaller screen of the laptop – everything on the larger PC monitor would just appear much larger.

 

Why is screen resolution important in web design?

Well quite some time ago, web designers just needed to design for a standard resolution,  which was usually 1024 x 768.  But with the introduction of tablets and a plethora of smartphones – the world of design has changed.  We now need to consider how a website will look and be used on everything from a small smartphone screen, right up to large monitors.

The way that we do this is to utilise responsive website design techniques.  We employ the latest in CSS3 and HTML5 technologies to create a website that will intuitively flex and adapt to fit the size of the screen that it is being viewed on.  This means that all website users get an excellent user experience and the website owner only has one website to manage.

To see an example of a responsive website or two, just click on the DBG client examples below:

 

asc-responsive

Autism SA - responsive screens

 

If you’re interested in discussing how your website looks on different screen resolutions, give DBG a call on 1300 723 618.

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *