It's time to start thinking about the output of our image - whether we'd like it to be printed or just display it on the web. The two main concerns we have when thinking about output are the resolution and the file type. The file type is the very last thing we will discuss about this image, but let's discuss resolution now.
As we have learned, digital images are made up of rows of tiny square-shaped spots called pixels. When these pixels are printed, they are translated, or rasterized, into a mesh pattern of spots called dots. Resolution refers to the number of these spots that are displayed per unit of surface. When the pixels or the dots are very small and densely packed, our eyes cannot "resolve" each one individually, and the spots appear to mingle into smooth, continuous tones. Units of resolution are typically represented in pixels per inch (ppi) on a monitor, or dots per inch (dpi) on a printed surface.
Regardless of display format, in general we know that the smaller and more packed the dots, the higher the perceived quality.
We can follow some basic rules of thumb on setting resolution depending on our output.
- Printed output: The recommended resolution depends on our destination. Generally, pictures destined to be published on plain paper such as a newsletter may be saved at 150-200 dpi. For printing photos on a specialized photo printer, the minimum recommended resolution is 240. However, 300 dpi is best if we are printing out on high-quality photo paper. Remember, we can't print out an image any better than the limitations of our printer. For best results, we should check our printer's recommendations.
- Onscreen display: If using an image on the Web, we'll want to keep the file size relatively small. This reduces the amount of time the user will have to wait to view the image. For images intended for PowerPoint presentations or Web pages, we should use an image resolution of 72 dpi.
Let's look at our images pixel resolution now. We can do this in the Image Size dialog box.
Step1. To view the Image Size, from the Menu bar,
Click Image, Click Image Size...
Step2. To turn off the Resample option, in the Image Size dialog box,
Click the Resample checkbox
Step3. To increase the resolution, in the Resolution field,
Double-Click 72, type: 200
Step4. To close the dialog box,
Working with the Crop Tool
Now that we are happy with our image, we want to change where the edges are. Cropping is the process of re-framing the image. We will select the area we want to keep.
We will do this using the Crop tool.
Step1. To activate the Crop tool, in the Tools panel,
Step2. To select the size ratio, in the Options bar,
Click, Click 5:7
Step3. To change the crop rectangle to landscape, in the Options bar,
Step4. To resize the crop rectangle,
Press & Drag the frame edges until the rectangle more closely surrounds the image subject
Step5. To move the image, in the image window,
Press & Drag the image within the frame
Step6. Repeat steps 3 and 4 until the image composition is acceptable.
Step7. To complete the crop, in the Options bar,
Exporting the Image File
At this point, we are ready to save our image. We currently have the Photoshop document, but if we'd like to show this on the web in addition to printing for a frame, we will need to save it in the JPEG format.
The JPEG format is the most common format for images on the web. This is because it can save images at a small file size while still creating a quality image. It has a disadvantage in that it is easy to over-compress and damage the image, but if we're careful about how we save, we can avoid these pitfalls.
We'll use the Save For Web feature to help create a good quality image.
Step1. To activate the Save For Web feature, from the Menu bar,
Click File, Point Export,
Click Save For Web (Legacy)...
Step2. To select the 2-up view, in the dialog box,
Step3. To activate a preset, in the Presets drop-down,
Click, Click JPEG High
Step4. To reduce the size, in the width field, type:
800 Tab key
Step5. To save the file,
Step6. To rename the file, in the File name field, type:
Step7. To close our file, from the Menu bar,
Click File, Click Close
Step8. To save the original file, in the dialog box,