In this lesson you will learn how to use the crop and resize functions of a graphic editing program to size and frame an image so that it fits specific dimensions needed to place it on a web page. You will crop and resize the images you acquired in the previous lesson and then optimize the images for saving in the jpeg format.
At the completion of this exercise, you will be able to:
Before you can use your images on your web page, you must first resize them to the exact number of pixels in which they will appear on the page.
While the resize image function is a useful function, sometimes you will want more control over how the size of the image is reduced. The crop function allows you to cut out a portion of the image or change the image dimensions without distorting the image.
Now that you have cropped and resized your image, it is time to save it in a suitable web format. Some graphics applications use the term export to refer to saving to files in any format other than the one primary format supported by that application. In this lesson, these terms mean the same thing.
Remember from Lesson 1 that images with gradations in color or many different colors, such as photographs, are best saved in jpeg format. In this activity, you will learn about how to optimize a jpeg image and then save your cropped and resized image file as a jpeg.
Now that you know how to crop and resize images and then save them as jpeg files, you are ready to start preparing your images for your web photo album.
Make sure to save your six exported images to your images subfolder. In the next lesson you will add them to a web page to create the web photo album. If you have six web-ready images, you are ready to proceed to Lesson 4.
Copyright © 2005-2008 by University of Washington. Permission is granted to use these materials in whole or in part for educational, noncommercial purposes provided the source is acknowledged. This product was created with support from the National Institute on Disability and Rehabilitation Research of the U.S. Department of Education (grant #H133D010306), and is maintained with support from the National Science Foundation (grant #CNS-0540615). The contents do not necessarily represent the policies of the U.S. federal government, and you should not assume their endorsement.