We've talked about how to re-size an image for print. How do you re-size an image for use on the web? Well, in that case you need to think in pixels, not inches. So, I'm going to click on the information window under this image. And you can see that this one is 1800 pixels wide by 1200 pixels tall. The resolution doesn't really matter, because we're just talking about the number of pixels in the file, not the inches or the number of pixels allocated to any inch. There are no inches when you're preparing an image for the Web. So if I want to make this photo fit in a certain box on the web, I could go up to the Image menu and choose Resize and over to Image Size, and then, I would check Resample Image and that would make the Width and Height fields at the top of the dialog box available.
I could type into either field the size that I need. And that would change the other of the two fields proportionally. So if I need a photo that is 400 pixels in width, I'll type that here. And that will give me a photo of a height of 267 pixels. Before I click OK, I'll come down and check the formula menu at the bottom of the screen. And I'll set that to bicubic sharper which is the best formula for reducing image size which is what we're doing here. And then I'll click OK. I'm going to double click the Hand tool to bring the image up to fill the window.
And you can see that at more than 100% it really is not looking very good, so I'm going to double click the Zoom tool instead. So there is the image on my screen at full size. 400 pixels across by 267 down. Well, what if the space into which I need to put this image or the requirements of the website are different? What if the photo needs to be 400 pixels by 200 pixels, not 267? Well in that case, I would have to crop away those extra pixels. And I could do that using the crop tool which I'll select here.
I'll come in and type in the width field, 400 px for pixels. And in the height field, 200 px. I'll ignore the resolution field, and I'll click and drag a bounding box in the image. And you can see that I'm going to have to cut away quite a bit of the photo, but that's all I can do if I need to change the aspect ratio like this. I'll click inside of the bounding box, and I'll drag it to a part of the image where I've at least got the most important information of the image inside the bounding box. And then I'll click the check mark. And now I have a photo that's 400 pixels wide by 200 pixels tall.
So that's how to change the image size of a photo for the web. It's a little different than when you're changing image size for print.
- Importing photos from a camera, computer, or iPhoto library
- Adding keyword tags and ratings to photos
- Automatically tagging people
- Organizing photos into albums
- Renaming and moving photos
- Correcting common photo problems automatically
- Retouching photos of friends and family
- Adjusting lighting and color
- Working with layers and layer masks
- Converting photos to black and white
- Cropping and straightening photos
- Adding text to photos
- Working with raw photos
- Making a slideshow
- Ordering prints
Skill Level Beginner
1. Importing Photos
2. Streamlined Photo Editing
3. Expert Editing Basics
4. Changing Size and Composition in Expert Edit
5. Working with Layers in Expert Edit
6. Using Selections and Masks in Expert Edit
7. Correcting Photos in Expert Edit
8. Processing in Camera Raw
9. Managing Photos in the Organizer
10. Working with Missing Files and Folders in the Organizer
11. Working with Virtual Albums in the Organizer
12. Keyword Tagging in the Organizer
13. Organizing Photos by People, Events, and Place
14. Sharing and Printing Photos
Setting up color management6m 30s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.