Creating Video

You are here : HomeCreating Graphics for the WebPlanning Your Graphics

fact file2.11 Image dimensions


A pixel is the smallest element on the screen. It is a single dot in a computer image. The word comes from “Pix” for picture and “el” for element. If you zoom in on an image you can see the individual pixels that make up the image.


The number of pixels on a screen depends on the resolution of the monitor being used. Older computer monitors typically displayed 800 pixels wide by 600 pixels high. It has been estimated that the great majority of monitors now use 1024 x 768 or higher and most sites are designed with that size in mind. The iPad 3 retina display is 2048 x 1536! (source:

Not all of the visitors to a website will see the site in exactly the same way. When designing the graphics for the website you need to keep screen dimensions in mind. Allowing for browser elements such as scrollbars, the widest a web page graphic should be is about 950 pixels otherwise some users will find they have to scroll the page from side to side to see all your graphics. If you are placing several buttons next to each other, their total width should not add up to more than this. Height is less important since visitors can scroll up and down to read content, but you should try and get your main navigation in the first part of the screen that they see when they arrive (i.e. ‘above the fold’).

Previous PageMain Site Indexsection indexNext page