Web Design with HTML and CSS

(National Geographic (Little) Kids) #1

Selecting the best image format


Lesson 5, Graphics, Color, and Transparency 85

3 For this exercise, set the Amount to 250 , Radius to 1 , and Threshold to 10.

You can compare the original image with the resulting image in the Preview pane of the Unsharp
Mask dialog box by clicking and holding the image in the Preview pane; this shows the original
state of the image. When you release the mouse button, you preview the Unsharp Mask fi lter again.

4 Click OK to apply the fi lt er. The image is sharpened.


5 Choose File > Save; keep the fi le open for the next part of this lesson.


In some images, stray colored pixels may appear after you apply the Unsharp Mask fi lter. If
this occurs in your image, choose Edit > Fade Unsharp Mask immediately after applying
the Unsharp Mask fi lter. In the Fade dialog box, select the Luminosity blend mode from the
Mode drop-down list and then click OK. This step applies the Unsharp Mask fi lter to the
grays in the image only, thereby eliminating sharpening of colored pixels.


You can also choose Filter > Convert for Smart Filters before you apply the Unsharp Mask fi lter.
Smart fi lters allow you to undo all or some of any fi lter, including sharpening fi lters that you
apply to a layer.

Selecting the best image format


When saving an image that you will use on the web, you need to consider two factors:
the quality and size of the image fi le. When you are saving a fi le, you must fi nd a balance
between the quality you want and the download speed your viewers demand.


In this section, you will look at diff erent fi le formats and decide on a format for the picture you
just resized; the following example uses the Save for web & Devices feature in Adobe Photoshop.

Free download pdf