Home About Us Our Services Tutorials Contact Us
Search
Home
Mail Us
XML Site Map
 
     
 
Valid HTML 4.01 Transitional RSS Feed
 

Get a Quick Call


Name

Mobile


Get a Quick Quote


Name

E-mail

Phone

Request




Tutorials


Pixels and Resolution


Forget what you know about resolution. It's a misleading concept, and is one of those computeree concepts that is deceptively straightforward. You may have heard resolutions quoted in dpi or ppi (dots/pixels per inch). This is relevant if you are printing an image on paper. If you deal only with computer images ignore resolution! Concentrate on these two facts:

  • Computer screens have fixed number of pixels (variable in discreet steps - usually horizontal resolutions are 800, 1240, 1600 pixels).
  • Only the pixel dimensions of images are relevant for displaying images on a computer.
So if your screen resolution is 1024 and your picture is 512 pixels wide then it will cover exactly half of the screen width. Get it?
You may have heard that computer images should be scanned at 72 dpi. Well...lets say your resolution is 1024 wide. And your monitor happens to be 12 inches wide (a 17" monitor). Then your RESOLUTION OF YOUR SCREEN IS

1024 ÷ 12 = 85.33333 pixels per inch.

Screen resolutions tend to vary between 72 and 96 dpi. People use these numbers for computer imagery and scanning because a scan at these resolutions will give an image that is roughly the same size on the monitor as it is in real life.

Printing...

Think about the number of pixels in an image and the size you want to print it. If your image is 2048 pixels wide and you want to print it 5 inches wide then your print resolution is

2048 ÷ 5 = 409 pixels per inch (dpi).

So how big can you print a 2048 pixel-wide image? In practice you can drop down to 200 dpi or even 150 on a desktop printer So 2048 ÷ 200 = 10.24 inches wide.

Now if you try and print that 512 pixel-wide image - at 300 dpi it will be

512 ÷ 300 = 1.7 inches wide!

In practice if you print it at 72 dpi it will look slightly fuzzy but at least it will be roughly the same size as it was on the screen.

Heres a methodology: The following sections give suggestions for how to deal with images for use in different media.

FOR PROFESSIONAL PRINTERS

DON'T DO ANYTHING TO THEM!

Printers will want the highest resolution possible. If you make the images bigger you are just spreading 1 pixel over two - you wont gain any resolution.

IF YOU MANIPULATE THEM (CROP OR CHANGE COLOUR) SAVE THEM AS A TIFF OR PSD (PHOTOSHOP FILE) IN A SEPARATE FOLDER. This is because the jpeg format is LOSSY. Save it as a jpeg again and it compounds the lossiness - like re-photographing a photograph.

FOR EMAILS

This is for viewing on a monitor so ONLY PIXEL DIMENSIONS are important (see First off)

RESIZE YOUR IMAGE IN PHOTOSHOP OR ACDSEE TO MAKE IT ABOUT 400 - 500 PIXELS LONG (AT ITS LONGEST - IE ABOUT 300 PIXELS WIDE IF ITS UPRIGHT)

To resize in photoshop go to image>image size and alter the pixel dimensions (top box) FORGET ABOUT THE OTHER BOXES.
 
 
  Our Services

  Custom Web Design

  Website Redesign

  Website Maintenance

  SEO & Marketing

  Global Outsourcing

  BPMS

  
 
UKWEBSITEMEDIA is a trading name of Rush 2 Limited.
Rush 2 Ltd. is registered as a limited company in England and Wales with the Company No. 0633010.
Address: 295, Luton Road, Dunstable, Bedfordshire, LU5 4LR. Email: info@sapphirewebtech.co.uk
Copyright © 2006 - 2008 UKWEBSITEMEDIA. All rights reserved.