Graphics Programs Reference
In-Depth Information
4
Click the Sales, Service, About, and Contact text links to see that you are directed to
generic pages with related titles.
You will create this web page from start to i nish, including adding the links, and
export the page using CSS technology.
5
You can keep the i nished web page open in the browser for reference, or choose
File > Close.
6
Return to Photoshop CS6.
Determining image size for the Web
This figure represents a typical monitor that is set at a screen resolution of 800 × 600. Many
viewers will use a higher resolution, such as 1024 × 768, 1280 × 800, or higher.
200 pixels
400 pixels
600 pixels
800 pixels
A typical screen display broken into quarters.
To determine how wide a web image should be, break down the total number of screen
pixels into sections. Instead of thinking about how many pixels wide an image should be,
think about what percentage of the screen you want the image to occupy. In other words, if
you want the image to occupy half the screen for a 1024 × 768 monitor, you would type
512
into the Width text field in the Pixel Dimension section of the Image Size dialog box. For
one quarter of the screen, type
356
, and so on. It is a different way of thinking, especially for
those from the print design environment. It should also be noted that a pixel is a pixel, no
matter what the ppi resolution of your image is. So, 200 pixels in a 300 ppi image takes up
the same amount of screen and disk space as 200 pixels in a 72 ppi image.
