Resolution seems to be a subject that baffles a lot of people with different platforms (TVs, monitors, mobiles) different mediums (video, print, web) and also different pixels per inch which effects the overall size and quality of your image.

Let’s start with pixels per inch and keep it basic. Pixels per inch is the amount of small dots of color per square inch. As a rule 300 pixels per inch is the bare minimum for print while 72 pixels per inch is suffice for web based output, admittedly as PC monitors resolution has increased over the past few years I often find myself producing an image with a 150 px per inch in order to produce the better results. It all depends on your intended output. For video output I did a few tests in order to confidently advise you for best results. I created two identical images in Photoshop with the same physical dimensions, I used the Film and Video presets found after hitting new. I produced one at 72px and the other at 300px and saved them out as a png, I then brought the two images into Adobe Premiere Pro in separate time lines, I exported them using the same full quality DV setting and then oped them up side by side and played them. I asked my colleagues which they thought was produced with the higher res images and they consistently couldn’t identify it. In this case it seems that the resolution of the input file does not noticeably effect output.

See (URL Coming Soon)… for more information on export settings using Adobe Media Encoder and other such programs.

Print Resolution
With print resolution as mentioned earlier, 300 px is the minimum px per inch for a decent quality. When setting up your workspace you should be concerned with the physical size of the output, for example A4 is 210 mm x 297 mm with 300 px. Photoshop has presets for most print outputs so have a look and familiarise yourself with these.

Web Resolution
When I began studying my Design for Digital Media Minor, the standard size to construct a website was around the 800 px wide. The resolution of computer now vary and this size meaning that the websites began to look very small in the browser. By analysing google analytics user traffic it soon became obvious to design you site to a greater width. Today popular website width sizes are above 1000 px wide although many more dynamic CSS driven layouts will be sized based on a percentage of the browser window for consistency. As mentioned before you graphics should have a pixel resolution of 72 px per inch and above.

Screen Dimensions
640 x 480
800 x 600
1024 x 768
1280 x 800
1280 x 960
1600 x 1000
1680 x 1050
1920 x 1080

Video Resolution and Dimensions
There are two aspects to take into account here. The production of graphics for your video projects and the resolution you wish to output your video for the intended viewing platform. The production of graphics I touched upon earlier so let’s get to know video dimensions. The landscape has changed recently with the emergence of multiple mobile platforms alongside the popularity of High Definition on the consumer market.

Television Dimensions
There are 3 main television dimensions you should be aware of, there are variations but combinations i.e. widescreen (also see …) but use these as a starting point.
DV Pal, 720 x 576
Consumer HD, 1280 x 720
Pro HD, 1920 x 1080

Blu Ray and HDTV Dimensions
720 x 576
1280 x 720
1440 x 1080
1920 x 1080

Other Device Dimensions
There are many other devices now on the market that are all geared up to display video so often we might want to output at a format suitable for these.
Mobile Phones (3GPP)
128 x 96
176 x 144
320 x 240
640 x 480

iPhone
450 x 360
600 x 480

iPod
640 x 480 Large
320 x 240 Small

Sony PSP
320 x 240
368 x 208 High Quality

Other mobile frame dimensions, 176 x 208, 176 x 220, 208 x 320, 240 x 320 and 352 x 416.

Web Video Dimensions
Youtube
SD 640 x 480
Widescreen HD 1280 x 720
Widescreen SD 640 x 360

Myspace Video
320 x 240

Yahoo Video
320 x 240

(Dimensions may vary slightly)

Aspect Ratio
At this stage I just want to distinguish between what i mean by dimensions and how it differs to aspect ratio. All the dimensions I have touched upon up until now have referred to a 4:3 aspect ratio, this means for every 4 vertical pixels there are 3 vertical pixels. Most will have come across widescreen by now in their digital lifes and this has an aspect ratio of 16:9.