Chapter 7: From Dull to Cool by Adding Graphics
145
This image is 1504 × 1000 pixels, so I’m going to reduce it to 33% of its current size, which produces an image that’s much more manageable at 496 × 330 pixels. If the image seems very small all of a sudden, make sure you’re viewing it at its full size. Choose View ➪ Zoom ➪ Zoom to 100%.
4. If you’re so inclined, sharpen up the shrunken image with Adjust ➪ Sharpness ➪ Unsharp Mask. The default settings work fine, in my experience, and the image should be visibly improved. 5. Choose File ➪ Save to save the image with a new image name, in this case,
gilligan.jpg.
That’s it! Now you have a new photograph ready to include on your Web page. You can include it like this: <img src=”Graphics/gilligan.jpg” border=”5”
alt=”Did Gilligan escape the island, finally?” />
The preceding text produces the page shown in Figure 7-14.
Figure 7-14: Photograph from digital camera included on a Web Page.
tip
Note the useful trick of forcing a nonzero border with this image as a way to get the black border around the photograph. With a linked image, the border color would be the link or visited link color; without being linked, it’s just black. With CSS, you can also specify a specific style of border with the border style, as I discuss in Chapter 12.